Collection of Best JavaScript Chart and Graph Libraries

Today we are showcsing best pure JavaScript charting libraries with support for a number of useful features. These include legend and label support, mouse tracking, tooltips, templates and animations.They provide a wide range of chart types and layouts for interactive web visualisations. These include area, pie and bar charts, sunburst, icicle, treemap, forceDirected, spaceTree.

Here is the handpicked collection of jQuery plugins to display Charts and Graphs.

Chartist – Simple Responsive Charts

10.chart plugin jquery html cssChartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already out there, but they are either:

 

Plottable.js

11.chart plugin jquery html cssPlottable.js is a library of chart components for creating flexible, custom charts for websites.You can think of Plottable as a “D3 for Charts” – it is not a charting library but a library of chart components.

 

Chart.js – Open Source HTML5 Charts

12.chart plugin jquery html cssSimple, clean and engaging charts for designers and developers.

 

Epoch

13.chart plugin jquery html cssEpoch is a general purpose charting library for application developers and visualization designers. It focuses on two different aspects of visualization programming: basic charts for creating historical reports, and real-time charts for displaying frequently updating timeseries data.

 

Circliful – jQuery Circle Statistics Plugin

14.chart plugin jquery html cssjQuery circle statitic plugin.Show Infos as Circle Statistics, no images used.

 

Percentage Loader

15.chart plugin jquery html cssjQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter.

 

Chartinator – Transform HTML Table Into Google Charts

1.chart plugin jquery html cssA jQuery plugin for transforming HTML tables into charts using Google Charts

 

tauCharts – Flexible Javascript Charting Library

2.chart plugin jquery html csstauCharts is a Javascript charting library based on D3. Designed with passion.

 

Chartify – Google Charts out of HTML tables

3.chart plugin jquery html cssChartify is an open source jQuery plugin for visualization using Google Charts. It makes charts from tables!

 

Snazzy Animated Pie Chart with HTML5 and jQuery

4.chart plugin jquery html cssLearn how to use the HTML5 canvas element, CSS3 and jQuery to create a gorgeous, interactive animated pie chart. Full code included for your own use.

 

ZingChart jQuery

5.chart plugin jquery html cssZingChart jQuery is a wrapper for the ZingChart charting library that allows for jQuery-style use of the 88 different API methods and 81 different API events that ZingChart has to offer. It’s designed to allow maximum use of the various features with the simplest and most jQuery-esque syntax possible.

 

ECharts – Interactive Charting Library

6.chart plugin jquery html css“Drag-Recalculate” feature (patented) brings you the best user experience ever: by allowing you to effectively extract, integrate, or even exchange data among multiple charts, ECharts opens you up every opportunity for data mining and integration.

 

Charted

7.chart plugin jquery html cssCharted is a tool for automatically visualizing data, originally created by the Product Science team at Medium. Provide the link to a data file and Charted returns a beautiful, interactive, and shareable chart of the data. The charts look like this:

 

MetricsGraphics.js

8.chart plugin jquery html cssMetricsGraphics.js is a library optimized for visualizing and laying out time-series data. At under 60KB (minified), it provides a simple way to produce common types of graphics in a principled and consistent way. The library currently supports line charts, scatterplots, histograms, bar charts and data tables, as well as features like rug plots and basic linear regression.

 

CanvasJS jQuery Charts Plugin

9.chart plugin jquery html cssCanvasJS comes with a jQuery Charting Plugin that lets you add interactive charts & graphs to your web page with a few lines of code. If you are someone who uses jQuery extensively, you should feel right at home with this plugin.