swimlane
ngx-charts

Updated 3 days ago

ngx-charts

Declarative Charting Framework for Angular2 and beyond!

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.

Data visualization is a science but that doesn't mean it has to be ugly. One of the big efforts we've made while creating this project is to make the charts aesthetically pleasing. The styles are also completely customizable through CSS, so you can override them as you please.

Also, constructing custom charts is possible by leveraging the various ngx-charts components that are exposed through the ngx-charts module.

Click here to checkout an interactive demo or for more information check out the chart examples on the left.

What People Are Saying...

“looks very cool!”

Brad Green, Engineering Director at Google for Angular

“this is dope”

Rob Wormald, Developer Advocate for Angular

In the news

AngularAir Esp 91

Video link

The project was featured on AngularAir where @amcdnl and @marjan-georgiev spoke about the project, challenges and whats to come.