n3-charts

About n3-charts

n3-charts is a charting library for AngularJS applications, built on top of D3.js. It provides a linechart directive that renders data series with configurable options such as axis assignment, labels, colors, and display type (line, dot, area combinations).

Installation is available via npm (which also installs the required D3.js and AngularJS dependencies) or through the cdnjs CDN; bower installation only provides source files rather than build files. Setup requires referencing the built LineChart.js and LineChart.css files alongside AngularJS and D3.js, then registering the n3-line-chart module in an Angular application before using the linechart directive in markup.

The library is intended for developers building AngularJS applications who need to display chart data such as line, dot, and area series driven by scope-bound datasets and options objects. It was created by Christoph Körner and Sébastien Fragnaud.

Key features

• Renders line, area, and dot chart series for AngularJS applications
• Built on D3.js for SVG-based charting
• Installable via npm with automatic D3.js and AngularJS dependency setup
• Also distributed through the cdnjs.com CDN
• Provided as an AngularJS directive (linechart) configured via data and options bindings

Frequently asked questions