Created on Tuesday, 05 May 2015 03:36
Written by Terrence
With the introduction out of the way, let's get started with the list!
Google Charts provides a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart gallery provides a large number of ready-to-use chart types.
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. . It uses HTML5 canvas element for rendering. Support for older browsers like IE7/8 is added through polyfill. The library is also split according to chart type so your pages aren’t bogged down with what is not needed
Chartist JS is great library to build responsive charts that make use of SVG. You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other highly priced charting libraries. It uses SVG to render the charts. It can be controlled and customised through CSS3 media queries and Sass. 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.
If you are an AngularJS developer, you will definitely find n3-charts extremely useful and interesting. n3-charts is built on top of D3.js and AngularJS. It provides various standard charts in the form of customisable AngularJS directives.
Ember Charts is another great open source repository built with D3.js and Ember.js. It provides time series, bar, pie, and scatter charts that are easily customisable. It uses SVG to render charts.
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 supports lines, points, filled areas, bars and any combinations of these. It’s also compatible with older browsers like IE6 and Firefox 2. Flot is completely free to use and commercial support is provided on special request to the creator
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.
Echart supports multiple chart types, it can 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. ECharts supports line, column, scatter, pie, radar, candlestick, chord, gauge, funnel, map and force-directed chart types, many of these can be combined in one chart.
Peity will add a mini chart to your web page. It is a small jQuery plugin that transforms an element into a mini svg line, bar, donut, or pie chart. You just need to create an element and give a value like 1/5 and make a callpeity('pie') on that element to make a mini pie chart.
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.
You may also like below post:
People in this conversation