Best jQuery Chart & Graph Plugins & Tutorials with Demo

MetricsGraphics.js : JavaScript Data Graphics and Layouts Library

MetricsGraphics.js : JavaScript Data Graphics and Layouts Library

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive 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.

jQuery FlowChart Plugin

jQuery FlowChart Plugin

jQuery flowchart.js is an open source jquery ui plugin that allows you to draw and edit a flow chart.

  • Draw boxes (called operators) and connections between them.
  • Methods are provided so that the end-user can edit the flow chart by adding / moving / removing operators, creating / removing connections between them.
  • The developper can save / load the flowchart.
  • Operators and links can be customized using CSS and the plugin parameters.
  • Some methods allow you to add advanced functionalities, such as a panzoom view or adding operators using drag and drop.

FusionCharts : jQuery Charts Plugin

FusionCharts : jQuery Charts Plugin

jQuery plugin for adding interactive charts and graphs to your website.Full functionality of FusionCharts can be accessed through it – charts, events, methods etc.

You will have access to all the rich features of FusionCharts like events, macros, zooming, panning, annotations, image-exporting etc.

FancyGrid : jQuery Grid library

FancyGrid : jQuery Grid library

FancyGrid is JavaScript grid library with charts integration and server communication.

Massive number of features: Paging, Sorting, Ajax data, Files data, REST communication with server, Integration (data binding) with charts, Theming, Touch Support, AngularJS directive and more.

OrgChart : jQuery Organization Chart Plugin

OrgChart : jQuery Organization Chart Plugin

With the help of DOM, jQuery and CSS3 transition, we got a simple and direct organization chart plugin.

Chartli : jQuery Interactive Charts Plugin

Chartli : jQuery Interactive Charts Plugin

Create your own interactive line,bar,pie,radar,map,cone,chord e.t.c. chart easily

  • Power Customizable
  • Greatly Examples
  • Save as PNG Images all charts
  • Change chart type easily
  • Change color easily
  • Customizable Map Charts
  • Interactive Chart Elements

Graphviz : jQuery Plugin for Graphviz SVG Charts Responsive

Graphviz : jQuery Plugin for Graphviz SVG Charts Responsive

jQuery plugin to make Graphviz SVG output more interactive and easier to navigate. Makes it easy to have features like:

  • Highlight nodes/edges
  • Zoom in/out
  • Graph navigation – select linked nodes
  • Fancy UI tooltips; bootstrap supported out the box
  • Move things forward/back in the graph

VivaGraphJS : Graph drawing library for JavaScript

VivaGraphJS : Graph drawing library for JavaScript

VivaGraphJS is the fastest graph drawing javascript library (proof). It is designed to be extensible and to support different rendering engines and layout algorithms.

Growraf : jQuery Animation Plugin for Flot Charts

Growraf : jQuery Animation Plugin for Flot Charts

Growraf (pronounced grow-rough) is a jquery plugin for flot charts, that produces smooth animations using requestAnimationFrame wherever possible.

progresspieSVG : jQuery SVG Pie Progress Diagram

progresspieSVG : jQuery SVG Pie Progress Diagram

jQuery plug-in for dynamically rendering a pie or circle diagram comparable to a progress bar, depicting a progress, countdown, percent value or similar.



Best jQuery websites design awards