Best AngularJs Chart & Graph Directives Plugins

Angular2 Charting Components Based On Highcharts

Angular2 Charting Components Based On Highcharts

Angular2 charting components help you embed highcharts into your web applications.

Least Squares Visualizer with AngularJS

Least Squares Visualizer with AngularJS

A linear least squares calculator and grapher written in AngularJS and vanilla Javascript.

Features:

  • Input and display data-points
  • Choose from four different function spaces: polynomial, exponential, trigonmetric, logarithmic
    • For polynomial and trigonometric, choose the degree (number of terms)
  • Displays best fit function for the inputted data-points
  • Graphs best fit function
  • Remove point(s) on click
  • Clear graph, and clear point(s) buttons

FusionCharts : Angular JS Bindings for FusionCharts

FusionCharts : Angular JS Bindings for FusionCharts

Simple and effective AngularJS charts plugin for FusionCharts.Use this AngularJS charts plugin to add interactive charts to your web and mobile applications using just a single directive. Choose from 90+ charts & 900+ maps from FusionCharts’ core JavaScript charts library.

  • Add a chart using just a single directive.
  • Auto-updates your chart object on modifying scope.
  • Angular-friendly events let you call controller functions directly from the chart.
  • Offers advanced control by giving you access to full FusionCharts object.
  • Has variety of ways to add a chart, from JSON URL to Scope Array Binding.

PieMix : Nested Pie Chart Control with AngularJs

PieMix : Nested Pie Chart Control with AngularJs

A nested pie chart control with angular bound data composed as a single SVG.

Angular Charts : Creating common Charts using d3

Angular Charts : Creating common Charts using d3

Angular directives for creating common charts using d3.

Features:

  1. One click chart change
  2. Tiny – 4.4kb minified and gzipped
  3. Auto tooltips
  4. Auto h,w dimensions updates automatically when resizing
  5. Beautiful animations
  6. Callback events
  7. Simple data format

n3 line Chart : Awesome charts for AngularJS

n3 line Chart : Awesome charts for AngularJS

n3-line-chart makes creating beautiful charts for AngularJS applications easy and semantic. It is built on top of D3.js.

Angular Real-time flow Charts

Angular Real-time flow Charts

Real-time charts for IoT using angular and flowthings.io. Uses the official flowthings angular client for communication with flowthings.io server.

n3-charts : AngularJS Pie & Donut Charts

n3-charts : AngularJS Pie & Donut Charts

Built on top of D3.js and AngularJS, n3-charts.pie-chart directive creates beautiful pie charts, donut charts and gauges in AngularJS applications. The result is simple, interactive and beautiful.

Interactive Dial with Angular.js

Interactive Dial with Angular.js

An Angular.js directive for an interactive, animated dial component powered by D3.js.An visual component for gathering user input when values sit in a range between 0-100.

  • interactive
  • animated
  • shows previous value
  • 2-way data binding (will respond to changes to model and update model accordingly)

Google Chart Tools Directive For AngularJS

Google Chart Tools Directive For AngularJS

An Angular directive module to draw interactive chats on your web application using Google Charts.