Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

chart


jQuery Charts

Submitted by sohnee on September 21, 2010 - 11:04am

jQuery Charts converts an HTML table into an HTML and CSS chart or graph.

Read the jQuery Charts Plugin Documentation

View the jQuery Charts Plugin Demonstration

gvChart

Submitted by ivellios on June 22, 2010 - 3:34pm

gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types of the charts.

1. Create a HTML table
2. Download and initialize gvChart
3. Connect gvChart to your table

You will find full instructions on the plugin page

Drill Down Bar Chart

Submitted by kierasher on June 22, 2010 - 2:59pm

JSON data driven bar chart plug-in that creates a classable bar chart with flash style animation effects.

jqPlot Charts and Graphs

Submitted by cleonello on March 25, 2009 - 10:05pm

jqPlot is a pure JavaScript plotting plugin for creating client side charts and graphs. Take a look at http://www.jqplot.com for more info.

Some of jqPlot's features:

* plain, stacked and filled line graphs.
* bar and stacked bar charts.
* filled or stroked pie charts.
* linear, logarithmic and date axes.
* flexible sprintf and date formatters for axes ticks.
* up to 9 y axes.
* automatic trend lines.
* zooming, data point highlighting and cursor tracking tooltips.

TufteGraph

Submitted by xaviershay on December 31, 2008 - 9:09pm

Make pretty bar graphs that you would show your mother. Also, they will make you more attractive to others.

Google Charts

Submitted by kbwood on October 3, 2008 - 10:43pm

Add Google Charts to your pages via a simple JavaScript interface. You provide the data and Google does the rest.

* Complete coverage of the Google Chart API.
* Show your data on line, X-Y, bar, pie, radar, or scatter charts.
* Control legend appearance, chart background, and title.
* Control axis placement, content, and appearance.
* Control line appearance and fills.
* Add markers or dynamic icons to your chart.
* Display maps with country or US state data.
* Show a Google meter or a Venn diagram.
* Generate QR codes or mathematical formulae.

Sparklines

Submitted by gwatts on July 17, 2008 - 2:28am

Generate useful inline sparklines graphs and charts directly in the browser without requiring any server-side support. Cross-browser compatible (Firefox, Safari, Chrome, IE, etc).

Easy to use, either with inline data:

<span class="sparklines">3,4,6,3,2,3,6</span>
$('.sparklines').sparkline();

or with dynamic data:

<span id="mysparkline">Loading..</span>
$('#mysparkline').sparkline([3,4,6,3,2,3,6]);

Check out the home page for live examples of the different types of sparklines supported.

SVG Integration

Submitted by kbwood on September 14, 2007 - 9:18am

Manipulate SVG documents from JavaScript.

Supported natively in Firefox, Opera, and Safari and via the Adobe SVG viewer or Renesis player in IE, SVG lets you display graphics within your Web pages. Now you can easily drive the SVG canvas from your JavaScript code.

An extension package allows you to animate many of the SVG element attributes using the standard jQuery syntax.

Another extension package lets you use most of the standard jQuery class and attribute manipulations on SVG nodes directly.

Another extension package lets you easily draw graphs within an SVG canvas. Current styles include row and column graphs, as well as line graphs and pie charts. The graphing package allows additional styles to be plugged in.