Best AngularJs SVG Directives Plugins

Angular directive for Inline SVG

Angular directive for Inline SVG

Angular directive for inserting an SVG inline within an element, allowing for easily styling with CSS like fill: currentColor;.

ngx-charts : Angular2 and D3js Charting Framework

ngx-charts : Angular2 and D3js Charting Framework

ngx-charts is unique because we don’t merely wrap d3, nor any other chart engine for that matter. It is using Angular to render and animate the SVG elements with all of its binding and speed goodness, and uses d3 for the excellent math functions, scales, axis and shape generators, etc. By having Angular do all of the rendering it opens us up to endless possibilities the Angular platform provides such as AoT, Universal, etc.

Features:

  • Autoscaling
  • Timeline Filtering
  • Line Interpolation
  • Configurable Axis Labels
  • Legends (Labels & Gradient)
  • Advanced Label Positioning
  • Real-time data support
  • Advanced Tooltips
  • Data point Event Handlers

Angular Progress Pie with SVG

Angular Progress Pie with SVG

A simple pie progress indicator for AngularJS. Written in pure Angular, using SVG to render the progress indicator. Tiny, simple and no external dependencies.

Angular Charts : AngularJS SVG Chart Directives

Angular Charts : AngularJS SVG Chart Directives

Angular-Charts is a pure AngularJS directive helps you draw SVG based line chart or pie chart with ease.