Combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin


In this first part, we are going to code the core logic of the plugin as a standalone version.
Web Site
Download

Make pretty graphs with javascript, using jQuery with TufteGraph.


TufteGraph is different from other javascript charting libraries because:

* Configuration is by dynamic functions, allowing for really compact API (very few options)
* Non-core layout is done via CSS rather than code.
Web Site
Download

The jQchart jqury plugin helps to create charts with animations and transitions.


The charts created using jQchart are great looking and give an intutive experience to the users.
Web Site
Demo
Download

jQchart is an unique plugin, they’ve built in animation transistions and drag/drop functionality into the chart, however it’s a little clunky and seemingly pointless. It does generate nice looking charts if you get the CSS setup right, but there are better out there.



The jQchart plugin can be used to create animated charts in jQuery.
Web Site
Demo
Download

The Google Charts plugin is a really easy way to implement the Google Charts API into your web application using a jQuery plugin.


Whilst the API itself is pretty simple to use (the format to generate graphs is to form a complex url with multiple query string parameters), the plugin goes one step further and actually forms that complex url for you, by allowing you to set the parameters you want with simple jQuery calls
Web Site
Demo
Download

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.


The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7 & 8.

Each example displayed below takes just 1 line of HTML or javascript to generate.

The plugin was written by Gareth Watts for Splunk Inc and released under the New BSD License.
Web Site
Demo
Download

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.


The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.

The plugin is known to work with Internet Explorer 6/7/8 (IE8 only in development version), Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+. If you find a problem, please report it. Drawing is done with the canvas tag introduced by Safari and now available on all major browsers, except Internet Explorer where the excanvas Javascript emulation helper is used
Web Site
Demo
Download