directives for and

Quickly create nvd3.js charts with Angular.js

Angular.js Directives “are a way to teach HTML new tricks”. Directives are Angular’s way of extending HTML to create new elements and functionality.

Directives hide the complexity and code that is necessary to create d3.js, and nvd3.js charts, which makes adding charts to an Angular.js application quicker, and simpler than typical methods.

The following charts can be created with just a few lines of JavaScript and HTML code.

Line Charts Cumulative Line Charts Line with Focus Charts Stacked Area Charts Discrete Bar Charts Multi Bar Charts Multi Bar Horizontal Charts
Pie Charts Scatter Charts
Sparkline Charts
Bullet Charts