Best jQuery Chart & Graph Plugins & Tutorials with Demo

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

Cesium : WebGL based JavaScript library for 3D globes and 2D maps

Cesium : WebGL based JavaScript library for 3D globes and 2D maps

WebGL based JavaScript library for creating high-resolution 3D globes and 2D maps. It supports different map providers, weather simulations, and a ton of other complex features. Their Demos page has a big collection of community projects showcasing what Cesium is capable of, including a 3D map of all the building in New York and projects by NASA.

Recharts : Charts library built with React and D3

Recharts : Charts library built with React and D3

Charts library built on top of React and D3. Graphs can be created via a simple XML-like syntax, with many of the important options set directly as attributes. The library also offers a rich examples catalog with more than 50 ready-to-use components, including various Line, Bar, Pie and other types of charts.

IguanaCharts : HTML5 jQuery Stock Charts library

IguanaCharts : HTML5 jQuery Stock Charts library

IguanaCharts is HTML5 jQuery Stock Charts library.You can download our open source library and setup powerful stock chart just in minutes.

Features:

  • Zoom and load chart history with mouse wheel
  • Draw on chart trend lines, fibonacci, corners and plenty other figures
  • Use technical analysis indicators
  • Show trades on chart and trade from the chart

Display Data In Pie Chart Using PHP & jQuery with Google API

Display Data In Pie Chart Using PHP & jQuery with Google API

A pie chart (or a circle chart) is a circular statistical graphic, which is divided into slices to illustrate numerical proportion.It is generally used in business world when you have to display comparison or difference of some data in a graphical manner. So in this tutorial we will show you how to display data in pie chart using PHP, jQuery and Google API.

Graphart : JavaScript Graphs and Charts

Graphart : JavaScript Graphs and Charts

Graphart is HTML5/JavaScript charting library based on the Canvas, which allows you to create rich charts that are completely responsive and work in all browsers. Nowadays, data visualization and analysis is now an key factor of business processes. That makes it all the more important to choose the right kind of JavaScript Charting library that best matches your needs.

FCharts : JS charting library of Stock Financial

FCharts : JS charting library of Stock Financial

Fcharts is a focus on the pure JS charting library of Stock Financial.