Best jQuery Chart & Graph Plugins & Tutorials with Demo

jKit : jQuery based UI Toolkit

jKit : jQuery based UI Toolkit

A very easy to use, cross platform, jQuery based UI toolkit, that’s still small in size, has the features you need, and doesn’t get in your way of doing things!

Flot : JavaScript plotting library for jQuery

Flot : JavaScript plotting library for jQuery

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

Just include the Javascript file after you’ve included jQuery.Generally, all browsers that support the HTML5 canvas tag are supported.For support for Internet Explorer < 9, you can use Excanvas, a canvas emulator; this is used in the examples bundled with Flot. it’s not working on your development IE 6.0, check that it has support for VML which Excanvas is relying on. It appears that some stripped down versions used for test environments on virtual machines lack the VML support.

jquery.spidergraph : Interactive HTML5 Spider Graph module for jQuery

jquery.spidergraph : Interactive HTML5 Spider Graph module for jQuery

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

Features:

  • illustrating scaled quantitative data for several subjective attributes
  • overlaying multiple data measurements for attribute comparison
  • visualizing the intersection of several data measurements

CHAP Links JavaScript Library

CHAP Links JavaScript Library

CHAP Links Library is a web based visualization library for displaying graphs, networks, and timelines.The library is specially designed to be easy to use, to handle large amounts of data, and to enable manipulation of the data. The library consists of Graph, Graph3d, Network, Timeline, and Treegrid.

Make Pretty Charts For Your App with jQuery and xCharts

Make Pretty Charts For Your App with jQuery and xCharts

Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. Today, we are going to use it along with the daterange picker for Twitter Bootstrap, to build a pretty, AJAX-powered chart for your web application that fetches data from a MySQL table.

Smoothie Charts : JavaScript Charts for realtime streaming data

Smoothie Charts : JavaScript Charts for realtime streaming data

Smoothie Charts is a really small charting library designed for live streaming data. I built it to reduce the headaches I was getting from watching charts jerkily updating every second. What you’re looking at now is pretty much all it does. If you like that, then read on.

jStat : jQuery statistical library

jStat : jQuery statistical library

jStat is a statistical library written in JavaScript that allows you to perform advanced statistical operations without the need of a dedicated statistical language (i.e. MATLAB or R). The majority of jStat functions can be used independently of any other libraries. However, the plotting functionality of jStat is based on the jQuery plugin – flot.

jStat uses numerous advanced statistical functions that require considerable processing power. This requirement results in differing user experiences depending upon your browser choice. Currently, the fastest browser is Google Chrome. However, most browsers provide satisfactory performance, with the exception of Internet Explorer which has a significant performance hit.

JpGraph : Most powerful PHP-driven charts with JavaScript

JpGraph : Most powerful PHP-driven charts with JavaScript

JpGraph is an Object-Oriented Graph creating library for PHP >= 5.1 The library is completely written in PHP and ready to be used in any PHP scripts (both CGI/APXS/CLI versions of PHP are supported).

jsDraw2DX : SVG Graphics Library for JavaScript Html5

jsDraw2DX : SVG Graphics Library for JavaScript Html5

jsDraw2DX is a standalone JavaScript library for creating any type of interactive graphics with SVG (and VML for old IE browsers). Besides the ability to generate all basic shapes like line, rectangle, polygon, circle, ellipse, arc, etc., the library can draw curves, beziers (any degree), function plots, images and decorated text.

Protovis : A graphical approach to visualization with JavaScript

Protovis : A graphical approach to visualization with JavaScript

Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layoutsto simplify construction.

Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example.