Chart JS

Chart.js is a no-dependency library to build charts in 6 different types: line charts, bar charts, radar charts, polar area charts, pie and donut charts. The library is also split according to chart type so your pages aren’t bogged down with what is not needed. It supports responsive design and you can easily change variables like color or animation to customize the chart interface.

Chartist JS

Chartist JS is great library to build responsive charts that make use of SVG. Besides its responsiveness, Chartist gives you flexibility by using clear separation of concerns: style with CSS and control with JS. To make customization easier, the SASS files are included. The great thing here is you have limitless options to animate your chart using the Chartist animation API, SMIL, which gives you additional animation options.

C3 JS

C3 JS is a library to build charts based on D3 JS. It wraps up the required code to build charts with D3 JS, so you can skip writing the D3 code, and just input your data. C3 comes with a variety of API that you can use to control your charts easily. To customize your chart, define your own custom styles to the given CSS classes. Build charts from simple line charts to gauge charts. 

Flot

Flot is a jQuery plguin for creating charts with interactive elements like turning a series on or off, data point interactions, panning, zooming and more. Flot comes with a variety of chart type options and if you want more ability on your chart, here are some plugins you can use as well. The charts will work well with browsers that support HTML canvases.

EChart

Echart is an amazingly comprehensive library from China which supports multiple chart types, can process big data (plotting up to 200,000 data points on a Cartesian chart), has scale roaming, the ability to effortlessly extract, integrate, and exchange data among multiple charts, allowing one to easily switch from one data type to another, and a whole lot more.

DC JS

DC JS has similarities with C3 JS in terms of engine used; they both use the D3 library to render charts in SVG. DC JS is created to help you visualize data and analysis for browsers and for mobile devices. Since it leverages on the D3 JS, it allows you to add user interaction to your chart. DC JS is one powerful library to create charts from simple to high complexities.

Google Chart

You can create interactive charts and data tools using the Google Visualization API via Google Chart. There are chart galleries to check out Google Chart’s data visualization capabilities. To start, embed simple JavaScript to your web page to load the Google Chart libraries you need. Then list the data you want charted, and make some customizations through the chart options. Finally create a chart object with an id, and on your web page, create a 
 with that id to display your chart.

NVD3

NVD3 is a set of reusable charts and chart components that are built with D3 JS. This library is hence a ‘template’ that will help make it easier for you to build charts. Check out the many sample charts built with NVD3 here.

TAGS :