Best jQuery Chart & Graph Plugins & Tutorials with Demo

JS Sequence Diagrams

JS Sequence Diagrams

Draws simple SVG sequence diagrams from textual representation of the diagram.

Cake Chart : Interactive Multi Layer Pie Chart

Cake Chart : Interactive Multi Layer Pie Chart

Cake Chart is a javascript library to create interactive multi-layer pie charts.

Vega: A Visualization Grammar

Vega: A Visualization Grammar

Vega is a visualization grammar, a declarative format for creating and saving interactive visualization designs. With Vega you can describe data visualizations in a JSON format, and generate interactive views using either HTML5 Canvas or SVG.

ccchart : Realtime JavaScript Chart

ccchart : Realtime JavaScript Chart

This is a Simple and Realtime JavaScript chart that does not depend on libraries such as jQuery or google APIs.

SimpleFlowchart : SVG flow chart library with jQuery

SimpleFlowchart : SVG flow chart library with jQuery

Simple SVG flow chart library based on jQuery and jQueryUI.

This is a small JavaScript library with single purpose – draw some nodes and connect them with lines. You can use this library to create your own flow charts or create other similar graphics. Nodes and connection lines can be styled with CSS. Node content can be whatever you want – simple div, image or SVG.

PivotTable.js : JavaScript Pivot Table, Chart, Grid Library

PivotTable.js : JavaScript Pivot Table, Chart, Grid Library

PivotTable.js is a Javascript Pivot Table library with drag’n’drop functionality built on top of jQuery/jQueryUI and originally written in CoffeeScript by Nicolas Kruchten at Datacratic.

PivotTable.js’ basic function is to turn a data set into a summary table and then optionally add a true 2-d drag’n’drop UI to allow a user to manipulate this summary table, turning it into a pivot table, very similar to the one found in older versions of Microsoft Excel with a bunch of extra developer-oriented features and some visualization effects. With optional add-ons, the summary table can be rendered various kinds of charts, turning the pivot table into a pivot chart.

Venn.js : JavaScript Proportional Venn and Euler diagrams Library

Venn.js : JavaScript Proportional Venn and Euler diagrams Library

A javascript library for laying out area proportional venn and euler diagrams.This library depends on d3.js to display the venn diagrams.

Bar Indicator : jQuery plugin to Visualize Numeric Data

Bar Indicator : jQuery plugin to Visualize Numeric Data

BarIndicator is a jQuery plugin that helps you visualize numeric data (percentage or absolute numbers) in to bars.

Epoch : Real-time Visualization Charting library

Epoch : Real-time Visualization Charting library

Epoch 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.

jQuery Flot Bar Numbers Graph

jQuery Flot Bar Numbers Graph

Simple jquery flot plugin to show bar numbers in bar graph.This plugin is working well with zooming and panning (navigation plugin) too.