Reader
  • Home
  • About
  • Deals
  • Services
  • Contact

Create Accesible Charts/Graphs using Canvas and jQuery

Last updated on May 15th, 2010 by Gabriel Livan

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

Filed Under: JavaScript Tagged With: charts

About Me

Gabriel LivanHey, there! I'm Gabriel Livan, Web Developer, Blogger and Internet Marketer. I love making fast, secure and scalable web applications, running and travelling around the world. I blog about WordPress, site speed & security and quality tools for web professionals. Read more

What are you looking for?

Categories

  • AJAX (22)
  • Deals (10)
  • Design (30)
  • eBooks (2)
  • Flash (19)
  • Freebies (11)
  • General (62)
  • Giveaways (1)
  • Graphics (27)
  • HTML & CSS (35)
    • Frameworks (9)
  • JavaScript (160)
    • Frameworks (8)
    • jQuery (89)
    • MooTools (14)
  • Page Loading Speed (2)
  • Photoshop (3)
  • PHP (113)
  • Reviews (8)
  • SEO (6)
  • Statistics (2)
  • Web Tools (13)
  • WordPress (27)
    • Plugins (15)
    • Snippets (4)
    • Tools (2)
    • Tutorials (6)

Copyright © 2026 · BitRepository.com - All Rights Reserved

  • Home
  • About
  • Contact