Re-usable charts and chart components for D3.js

by Virender
July 8, 2015

D3.js is a powerful visualization JavaScript library for manipulating documents based on data. D3   bind data to a Document Object Model (DOM), and then apply data-driven transformations to the document.

D3.js support SVG, HTML5, and CSS standards. D3.js use SVG bar chart for smooth transitions and integration. D3.js support all modern browsers. 

Its very powerful visualization components.

These are list of Re-usable charts and chart components for D3.js.

NVD3 – http://nvd3.org

nvd3 is very young collection of components, with the goal of keeping these components very customizeable, staying away from your standard cookie cutter solutions.
 
Example http://nvd3.org/examples/index.html

C3.js – http://c3js.org

C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart.

Example http://c3js.org/examples.html

N3-charts – http://n3-charts.github.io/line-chart

Built on top of D3.js and AngularJS, n3-line-chart creates beautiful charts in AngularJS applications. It is simple and interactive.

Example http://n3-charts.github.io/line-chart/#/examples

reD3  https://xibbit.github.io/reD3

reD3 is a collection of reusable charts and components built with D3.js framework. It includes Line, Pie, Bar, Area, StackedArea, Bubble, Treemap and Heatmap charts which can be easily customized, extended and reused.

Example https://xibbit.github.io/reD3/#/

If you know more D3.js  reusable charts components. Please mail us – info@codeandyou.com.  We will add that components into our list.

Share:

Tags:

Related posts