Create Accesible Charts/Graphs using Canvas and jQuery
Posted on July 9, 2009, Filled under JavaScript, 
Bookmark it
Filament Group released the JQuery Visualize Plugin which provides a simple method for generating charts and graphs using the HTML 5 Canvas element. JavaScript is scraping the tables in order to generate the charts. The data for the visualization exists in tabular format and it is accessible to people who browse the web with a screen reader or other assistive technology (AT).
You can use this plugin to generate bars, lines, areas, and pie charts from a HTML table. They can be configured in a variety of ways.
- Browser Support: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9
- Demo: http://www.filamentgroup.com/examples/charting_v2/index_2.php
- Source: http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/
- Download: http://www.filamentgroup.com/examples/charting_v2/visualize.filamentgroup.zip
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- July 9, 2009
- article by Gabriel C.
- Leave a reply!
Sponsors
Related Posts
-
Create pretty graphs with jQuery TufteGraph Pluginat December 31, 2009
-
Free Animated Flash Charts and Graphsat December 25, 2008 with 4 comments
-
pChart: Free PHP Class to Create Aliased Chartsat February 27, 2010
-
Create Graphs and Charts using the MilkChart MooTools Libraryat October 6, 2009
-
Generate Good & Clean Looking Graphs: Graficoat February 13, 2010
- I wanted to know if it is possible to use this define method but instead
on March 4th, 2010 by Morris
- I like MeeNews and use it myself. I haven't found a way yet to
on March 4th, 2010 by Thomas
- Nice!very useful.Thank You for posting this.:D God Bless./m
on March 4th, 2010 by eiramave
- Hi @ e11world That's fairly easy. Create a new directory/folder and named it to english for
on March 3rd, 2010 by brixter
-
Flabell Birthday Bundle - 26 Flash Components - Happy Birthday!by Gabriel C. on March 6, 2010
-
Embed Google Maps into your website: gMap jQuery Pluginby Gabriel C. on March 5, 2010
-
Simple Bar and Stacked Bar (AJAX) Graphs: mooBarGraphby Gabriel C. on March 4, 2010
-
Display photos as slideshow with strip effects: jqFancyTransitionsby Gabriel C. on March 3, 2010
Categories
- AJAX (17)
- Design (8)
- Flash (19)
- Freebies (2)
- General (3)
- Graphics (10)
- HTML & CSS (26)
- Frameworks (6)
- JavaScript (109)
- Frameworks (4)
- JQuery (45)
- MooTools (12)
- Photoshop (2)
- PHP (102)
- Reviews (3)
- Statistics (2)
- Web Tools (6)
- Wordpress (13)
Advertisements
Tag Cloud
- ajax login
- alphabetical
- array
- auto grow
- base
- calculate
- captcha
- chart
- charts
- countdown
- css framework
- delimiters
- documents
- dropdown
- extension
- extract
- filename
- fonts
- form
- gd library
- icon set
- iphone
- mod_rewrite
- percent
- Photo Gallery
- picker
- random
- remove
- script.aculo.us
- search
- shopping cart
- skin form elements
- slider
- syntax highlighter
- tableless
- to-do
- validate
- web analytics
- web fetch
- WYSIWYG
- zoom