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 and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links