Angularjs-nvd3-directives

directives for and

Home # Line Charts # Stacked Area Charts # Multi Bar Charts # Multi Bar Horizontal Charts # Discrete Bar Charts # Pie Charts # Scatter Charts # Sparkline Charts # Cumulative Line Charts # Line with Focus Chart # Bullet Charts # Events

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