[html5] making standards-compliant charts

Matt Bonner mateubonet at yahoo.com
Fri Dec 26 17:15:49 PST 2008


Many people have identified ways to create bar charts using HTML/CSS [1][2] or
Javascript [3][4], or even SVG [5][6].  Of course, one could use an image [7], but
that isn't very accessible to search engines or anyone using assistive technology.

That said, I can't find anything in the HTML 4 or 5 standards that discusses charts.
Will HTML5 offer any guidance on the subject?

I am especially interested to hear how HTML experts view efforts to create bar or
line charts in HTML/CSS. Creating the barchart using a <table> seems reasonable, 
given that the chart typically expresses tabular data, but specifying the axis labels
and values with td/th tags seems to subvert their meaning.

References below are by no means meant to be comprehensive...other ideas very


[1] http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
[2] http://www.khmerang.com/index.php?p=118
[3] http://dojotoolkit.org/2006/11/08/dojo-charting-engine-courtesy-greenplum-and-sitepen
[4] http://plugins.jquery.com/project/jQchart
[5] http://www.hardcoded.net/chartsvg/
[6] http://www.adobe.com/svg/demos/devtrack/chart.html
[7] http://www.whatwg.org/issues/data.html


More information about the Help mailing list