D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.

D3JS data visualization charts

About Vizabi:

Vizabi is an opensource library that supports visualizations built on top of d3 for bar chart, bubble chart and line chart. These components are responsive , supports multiple language and shows an animation of data using a time slider. Our task was to mimick these components using d3.charts ( ) which is a framework to define reusable charts using d3.js.

End Result:

Client needed a prototype which is made up of d3.charts. We developed these components with time slider using d3.js/d3.charts. There are 3 components in it Bar chart, Bubble chart and Line chart. It creates visualizations based on data coming in JSON format. These components are not only configurable but are responsive across all devices. We have also provided support for different languages and you can view the entire animation with the trails of previous years of data.