jQuery Chart & Graph Plugin & Tutorials with Example

TableBarChart : jQuery plugin to render Bar chart from HTML Tables

TableBarChart : jQuery plugin to render Bar chart from HTML Tables

A very simple jQuery plugin to render bar chart from existing HTML tables.

  • Easy to use (no extra javascript code to define data).
  • Animation (at display time and hovering on legend item)
  • Popup for value of each bar
  • Support group by table column (default) or table row

Crossfilter : Fast Multidimensional Filtering for Coordinated Views

Crossfilter : Fast Multidimensional Filtering for Coordinated Views

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.

Graphene : Realtime Graphing toolkit based on D3 and Backbone

Graphene : Realtime Graphing toolkit based on D3 and Backbone

Graphene is a realtime dashboard & graphing toolkit based on D3 and Backbone.

Combining D3′s immense capabilities of managing live data, and Backbone’s ease of development, Graphene provides a solution capable of displaying thousands upon thousands of datapoints in your dashboard, as well as presenting a very hackable project to build on and customize.

JsMorph : JavaScript Motion framework

JsMorph : JavaScript Motion framework

jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

Meteor-Flot : jQuery plotting library

Meteor-Flot : jQuery plotting library

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

TableBarChart : jQuery Bar Chart plugin from existing HTML Tables

TableBarChart : jQuery Bar Chart plugin from existing HTML Tables

A very simple jQuery plugin to render bar chart from existing HTML tables.

  • Easy to use (no extra javascript code to define data).
  • Animation (at display time and hovering on legend item)
  • Popup for value of each bar
  • Support group by table column (default) or table row
  • Tested on IE, Firefox, Chrome.

Bobbograph : jQuery cross-browser canvas-based Graphing library

Bobbograph : jQuery cross-browser canvas-based Graphing library

Bobbograph is a highly configurable Canvas-based graphing library for jQuery. It provides you with the power to render great looking graphs across all modern browsers. Bobbograph is also built to utilize Excanvas for older versions of IE that do not support Canvas.

OSG.JS : OpenSceneGraph JavaScript WebGL framework

OSG.JS : OpenSceneGraph JavaScript WebGL framework

OSGJS is a WebGL framework based on OpenSceneGraph concepts. It allows an individual to use an “OpenSceneGraph-like” toolbox to interact with WebGL via JavaScript, and provides facilities for exporting various assets to the osgjs format. The API is kept as similar to OpenSceneGraph as possible, providing a familiar environment to veterans of the library and introducing newcomers to a popular and heavily-scrutinzed set of interfaces

Infographic Charts and Graphics HTML Tags Library

Infographic Charts and Graphics HTML Tags Library

This custom JS charting library created by PSDDude from 0 implements custom HTML tags which allow creating charts and graphs for infographics.

It is a light-weight, pure JavaScript charting library (NO jQuery or other libraries required) which makes use of HTML5 technologies and works on all modern browsers including IE, Chrome, Firefox, Opera, Safari.To use it you do not need to know any JavaScript, as all the charts are added as HTML tags. You can follow the very straight forward documentation which also contains examples.

The library allows creating: – Piecharts and doughnuts – Shape graphs – you can transform any image(PNG) into a graph – Shape bar graphs – use any image (PNG) to construct a bar chart – Line graphs – Barchart graphs

Chart.js: Simple HTML5 Charts using the Canvas element

Chart.js: Simple HTML5 Charts using the Canvas element

Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.



Best jQuery websites design awards