Collection of free jQuery chart and graph examples and plugins

donutgraph.js

Animated donut graph jQuery plugin with D3js.

Pie Chart

Donut in 2D : Chart Gallery

A variation of the pie chart, the doughnut 2D chart has a blank space at the center to show useful information about the data being plotted.

Flot

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Peity

Peity (sounds like deity) is a jQuery plugin that converts an element's content into a mini svg pie, donut, line or bar chart.

Cytoscape.js

Cytoscape.js is a fully featured graph theory library. Do you need to model and/or visualise relational data, like biological data or social networks? If so, Cytoscape.js is just what you need.
Cytoscape.js contains a graph theory model and an optional renderer to display interactive graphs. This library was designed to make it as easy as possible for programmers and scientists to use graph theory in their apps, whether it's for server-side analysis in a Node.js app or for a rich user interface.

Arbor

Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.
It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs.
As a result, the code you write with it can be focused on the things that make your project unique – the graph data and your visual style – rather than spending time on the physics math that makes the layouts possible.

jQuery Sparklines

This jQuery plugin makes it easy to generate a number of different types of sparklines directly in the browser, using online a line of two of HTML and Javascript.

OrgChart

It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.

jOrgChart

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you'd like to display. If drag-and-drop is enabled you'll be able to reorder the tree which will also change the underlying list structure.

jQuery Plugin Circliful

jQuery circle statistic plugin.

jQuery.ganttView

The jQuery.ganttView plugin is a very lightweight plugin for creating a Gantt chart in plain HTML...no vector graphics or images required. The plugin supports dragging and resizing the Gantt blocks and callbacks to trap the updated data.

Pizza Pie Charts

Pizza is a responsive pie, donut, bar, and line graph charting library based on the Snap SVG framework from Adobe. It focuses on easy integration via HTML markup and CSS instead of JavaScript objects, although you can pass JavaScript objects to Pizza as well.

jQuery Visualize

HTML5 canvas charts driven by HTML table elements.

HighChartTable

jQuery plugin to convert HTML tables to HighCharts graphs.

jQuery.Flowchart

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

jQuery.Graphviz.SVG

jQuery plugin to make Graphviz SVG output more interactive and easier to navigate.

Chartinator

A jQuery plugin for transforming HTML tables into charts using Google Charts.

ZingChart jQuery

Easy ZingChart manipulation and interactivity for jQuery users. 35+ chart types & modules.

Ivis

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.

IguanaChart

IguanaCharts is HTML5 jQuery stock charts library.

cssCharts.js

jQuery plugin to create simple donut, bar or line charts with dom nodes. Style with CSS.

SimpleFlowchart

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. The library is depends on jQuery and jQuery UI (drag and drop and effects).

jQuery.Feyn

jQuery.Feyn is a jQuery plugin to facilitate your drawing Feynman diagrams with Scalable Vector Graphics (SVG).

jQuery Spidergraph Plugin

jQuery.spidergraph is a simple module that creates nice looking, interactive spidergraphs in HTML5, using the canvas element.