Links

HumbleFinance: Dynamic Charts with HTML5, Canvas, and Flotr for Prototype

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on http://finance.google.com/. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

http://www.humblesoftware.com/finance/index

Filed under  //   canvas   charts   graph   html5   javascript   prototype   webui  
Posted May 21, 2010 by email 
// 0 Comments

jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas

Accessible data visualization in HTML has always been tricky to achieve, particularly because elements such as images allow only the most basic features for providing textual information to non-visual users. A while back, we wrote an article describing a technique we came up with to use JavaScript to scrape data from an HTML table and generate charts using the HTML 5 Canvas element. The technique is particularly useful because the data for the visualization already exists in the page in structured tabular format, making it accessible to people who browse the web with a screen reader or other assistive technology.

Filed under  //   canvas   graph   javascript   jquery   plugin   ui   web  
Posted July 31, 2009 by email 
// 0 Comments