Best jQuery Chart & Graph Plugins & Tutorials with Demo

Dailychart.js : SVG Charting library

Dailychart.js : SVG Charting library

Dailychart.js is a tiny standalone SVG charting library to display daily graph of a stock market security.

Picasso.js : A Charting library streamlined for building Visualizations

Picasso.js : A Charting library streamlined for building Visualizations

Picasso.js is a charting library streamlined for building visualizations for the Qlik Sense Analytics platform.

SVGFlowBox : SVG based Event Highlighting

SVGFlowBox : SVG based Event Highlighting

SVGFlowBox is a lightweight SVG based event highlighting on flow paths.

js2flowchart.js : Beautiful SVG Flowchart Library

js2flowchart.js : Beautiful SVG Flowchart Library

js2flowchart – a visualization library to convert any JavaScript code into beautiful SVG flowchart. Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.

 

ECharts : Interactive Charting & Visualization Library

ECharts : Interactive Charting & Visualization Library

ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.

KoolChart : HTML5 CANVAS based Charting Solution

KoolChart : HTML5 CANVAS based Charting Solution

HTML5 CANVAS-based charting solution with excellent performance Works on all HTML5-supported browsers With a single development effort, the chart layout and style can be used on multiple devices.

  • 30 essential chart types, which is the most numerous provided in a single package.
  • Brilliant 2D and 3D charts with animation effects.
  • 400 ready-to-use sample charts are pre-packaged by default.
  • Customize styles, themes, tooltips, axes, labels, user-defined JavaScript functions, etc.
  • Simulate charts with Data Editor.

IVIS : jQuery Chart editor for Interactive Visualisation

IVIS : jQuery Chart editor for Interactive Visualisation

IVIS is a chart editor for interactive visualisation, based on jQuery and HighCharts. Chart types include dot/scatter, 2D scatter, line, bar/column, pie, and heat map. It’s powerful when analysing large data sets.

  • Dot / Scatter plot: X as names and Y holding one or more values
  • 2D Scatter (XY Plot) using X-Y paird values, such as volcano plot, MA plot, 2D PCA, correlation chart, standard curve and so on
  • Bar / Column chart: can use grouped data
  • Line chart: multiple series can be plotted
  • Pie chart: in 2D or 3D
  • Heatmap fast overview of many data points

Billboard.js : JavaScript Chart library with D3

Billboard.js : JavaScript Chart library with D3

billboard.js is a re-usable easy interface JavaScript chart library, based on D3 v4+.

circleChart : jQuery plugin for Drawing Circular Charts

circleChart : jQuery plugin for Drawing Circular Charts

CircleChart is a small jQuery plugin is useful for creating simple pie charts.

amCharts Data Loader with JSON or CSV Files

amCharts Data Loader with JSON or CSV Files

By default all amCharts libraries accept data in JSON format. It needs to be there when the web page loads, defined in-line or loaded via custom code.

This plugin introduces are native wrapper that enables automatic loading of data from external data data sources in CSV and JSON formats.

Demo 1 Demo 2 Demo 3