ng2-charts - Beautiful charts for Angular2 based on Chart.js

  •        54

Reactive, responsive, beautiful charts for Angular2 based on Chart.js



Related Projects

ng2-nvd3 - Angular2 component for nvd3

Angular component for nvd3 (uses d3 v3!). It has similar technique as angular-nvd3 for angular 1, but designed for angular 2+ and without extra features (like extended mode) you won't requires angular2+, d3 (v3.5.17) and nvd3 as dependencies.

angular-charts - angular directives for creating common charts using d3

##Installation Grab the latest zip from releases, copy angular-charts.min.js to web root, and refer it from page.Note: chartType, data and config are properties of scope. Not the actual values.

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

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.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

ngx-pipes - ⚡️ Useful pipes for Angular with no external dependencies!

TypeSerializer - Another library you might find interesting. Serializer / Deserializer, designed to make prettier code while using decorators (Can be used both with Angular or Node.js).

line-chart - Awesome charts for AngularJS.

n3-line-chart is an easy-to-use JavaScript library for creating beautiful charts in AngularJS applications and it is built on top of D3.js.Please note: Currently, n3-line-chart works only with D3.js version 3! In D3.js version 4, the API changed and hence breaks compatibility with many 3rd party libaries such as n3-line-chart.

ngx-graph - Graph visualization library for angular

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

tc-angular-chartjs - AngularJS directives for Chart.js

Bower support has been dropped but you can still use tc-angular-chartjs with Bower using bower-npm-resolver.You can download the source archive from the github releases page.


Beautiful, reactive, responsive charts for Angular.JS using Chart.js.Have a look at the demo site to see examples with detailed markup, script and options.