Sidepodcast // All for F1 and F1 for all

Sidepodcast Scrapbook //  B-sides and Other Rarities

HTML5 SVG line chart awesomeness // Adding some amazing graph interactions

Published by Mr. C

We've been playing around with Chrome 7's HTML5 parser, which allows SVG documents to be embedded inline in HTML documents.

If you're hip to the latest version, you can see them in action in Christine Rankings. Click on a driver's disc on the chart (or in the legend) to filter.

Older browsers will sadly miss out on this new scalable vector graphic goodness, so here's a screenshot instead.

HTML5 inline SVG line chart

Pretty sure you'll be wanting to install the latest Chrome browser right about now.

Updated: The chart also works on Firefox 4 (beta 6).