Further to this morning's post about SVG I've been back and looked for this site's old SVG demos. What I found was that all (well, both) of my SVG demos were broke, as the current browser implementation of SVG requires a content-type of "image/svg+xml" and I wasn't specifying that. Doh.
The main demo I fixed was the World Cup goals summary database. The SVG chart from it is embedded below.
Whether you see the chart below depends on what browser you're using. If you're using IE you won't see it. If you're using any other up-to-date browser you should see a bar chart of the goals scored in the first round of the cup, by group.
I remember being much more proud of that when I did it than I am now looking at it again. How times change.
Note that the chart you're seeing above is not just an image (as such) and is not Flash and is built in real-time based on backend data in Domino. Scale your browser window and notice is scaled with it (vector-based!). Right click the chart and you can even view its SVG source, just like HTML!
While there are various charting solutions available now, most rely on Flash, while SVG is much more "pure". When HTML 5 is out and about there'll even be and <svg> tag, so you can add a chart inline with your HTML like so:
<h1>SVG/HTML 5 Example</h1>
cx="100" cy="75" r="50"
<text x="60" y="155">Hello World</text>
Stay ahead of the game and familiarise yourself with SVG now. At some point in the future it will be a really useful tool. If it isn't already.
For more Domino-based SVG inspiration, it's good to see that Ruediger Seiffert's Agent-generated pie chart is still online.
For now I think I'll forget about SVG, as I have other things on my mind, but it's good to see it progressing and that whatever I haven't forgotten from my first foray in to SVG isn't going to have been learnt in vain.