Filament Group’s Visualize canvas charting technique demonstrated at FOWA London

Posted by Scott on 10/14/2009

Future of Web Apps LondonAt the 2009 Future of Web Apps conference in London, Bruce Lawson gave a great presentation demonstrating some of the features of HTML 5 that can be used today. We were thrilled to see that Bruce demonstrated our jQuery “Visualize” table-to-canvas charting technique as a “brilliant example of accessible use of Canvas.”

“Here’s a nice example of this. This is a jQuery plug-in written by some guys called the Filament Group. What this does is it graphs the information on this accessible data table. So if for example I make this something like 450, hopefully you’ll see it graph in real time. The JQuery plug-in is getting the information out of that data table and making it a graph. This is a brilliant example of accessible use of Canvas. Because of course, if you’re using a screen reader, you can actually get to that information, and the Canvas supplements it.”

We’ve included the a video of the presentation below, which we recommend checking out, as it gives a nice overview of the direction of HTML 5 from a web developer’s point of view, and includes several examples of techniques you can start using in projects today.

The Future of HTML5 by Bruce Lawson from Carsonified on Vimeo.

A transcript is available as well: TRANSCRIPT: THE FUTURE OF HTML 5

Thanks for the mention, Bruce!

Comments

<div id="commentNumber1" class="commentEntry">
<p>All we need to do know is wait for the damn IE to implement HTML5…

</div>
	<p class="posted"><a href="#commentNumber1">Comment</a> by

Modele Case on 10/19  at  05:27 AM

<div id="commentNumber2" class="commentEntry">
<p>HTML 5 looks pretty powerful.&nbsp; That video gave a good overview - I also had no idea so many techniques could already be used.

</div>
	<p class="posted"><a href="#commentNumber2">Comment</a> by

TomH on 12/14  at  08:41 AM

<div id="commentNumber3" class="commentEntry">
<p>i dont understand?

</div>
	<p class="posted"><a href="#commentNumber3">Comment</a> by

basur on 11/02  at  04:01 AM