Top 20 Angular 2 Charts and Graphs

Get Your Free Angular 2 Book Chapters

This is what I think are the Top 20 Angular 2 Charts and Graphs available to developers at the moment with Angular 2 version 2.2 (release candidates RC4 RC5). The below controllers, filters, directives, services, providers, modules, packages aim to give you a quick start include dynamic graphs base-charts, interactive charts, and all the main chart types line, bar, radar, pie, polarArea & doughnuts into your angularjs2 app. Some of them have prerequisites such as module dependencies, TypeScript, ES6 and JSON data to load the graphs into the HTML via AJAX to keep your loading times fast.

If your chart is not working in Angular2 then check out this page which has the Top 5 AngularJS Graphs and Charts which included popular chart libraries like D3 library components and Highcharts.

1. nvD3 Angular Charts and Graphs

nvD3 Angular Charts and Graphs

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.

12. Pie Charts and Angular 2

13. RadialProgressChart Angular2

14. Ionic 2 App interactive charts

Ionic 2 App interactive charts

In Ionic 2, pages can be added to the Ionic app using the @Page decorator (an Ionic module based on Angular 2 components), which has access to the complete Ionic functionality. A bare-minimum page requires a template HTML file (which contains the markup), and a JavaScript file (containing the logic needed). You can find more details about Ionic pages here.

5 thoughts on “Top 20 Angular 2 Charts and Graphs”

You missed ngx-charts! The only Angular2+ chart framework where Angular draws the SVG and isn’t just a wrapper! It’s a truly declarative Charting Framework for Angular2 and beyond! https://github.com/swimlane/ngx-charts

Angularjs4u.com is not endorsed or certified by AngularJS. All AngularJS logos and trademarks displayed on this blog are property of AngularJS.
The views expressed on here are purely to help other developers use AngularJS.