Accessible, Cross Browser Charts & Graphs from Table Elements

jQuery Visualize Plugin provides a simple method for generating bar, line, area, and pie charts from an HTML table using HTML 5 Canvas, and allows you to configure them in a variety of ways. Plugin has been tested to work in IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9.

Creating charts with jQuery Visualize plugin is pretty simple. First, you’ll need to create table markup; use a caption element to summarize the table data. This will be used by the visualize plugin to create a title on your graph. Define table headings using th elements, letting the script know which cells it should use as the titles for a data set. Now that you have your HTML table, you can generate a chart. Just attach jQuery and visualize plugin’s JavaScript and CSS files to your page, and call the visualize() method on the table.

Developed by Filament Group; jQuery Visualize Plugin is available for download under MIT license.  You can find further information, demo & download on Filament Group Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Bookmark / Share This Post With Your Friends

Bookmark and Share

Leave Comment

 
 

Stay Updated, Subscribe to RSS Feed

 
PSD to Xhtml WooThemes - WordPress themes for everyone
 
 

Blogroll

 

Sponsored Links