Dive Into HTML5
"Dive Into HTML5" by Mark Pilgrim
The Work shall remain online under the CC-BY-3.0 License.
"Dive Into HTML5" by Mark Pilgrim
The Work shall remain online under the CC-BY-3.0 License.
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
http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_gr...
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.
