NVD3 makes Re-usable charts for d3.js and is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. Angular.js directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS’s HTML compiler ($compile) to attach a specified behavior to that DOM element or even transform the DOM element and its children. 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 other methods.
These are some cool charts and here is what the html looks like for these two charts above. You will notice the use of nvd3-line-chart directive and nvd3-pie-chart directive to display the charts in my sample application.
You can test drive a live version here with this plunker
If you found this post about angularjs-nvd3-directives.js helpful feel free to leave a comment, or share it with others.