When Google Finance came out, I was really impressed by the interface and graphing and wanted to try to replicate that in SVG (for eventual inclusion in Adsense Notifier.

As in my last SVG Demos I have only tested this inside of Firefox, so it may or may not work with the Adobe plug-in.

SVG Example Graphing Demo – The top blue box is draggable and expandable – although currently you have to grab it on the exact last pixel of either side to do the expansion, but this is just a test so you can’t complain

In order to view the files, you will either need an SVG plug-in for IE, or versions of Firefox 1.5 and above have native support (another excuse to try the browser everyone is talking about!).

Both examples below use JavaScript and the SVG DOM to create the XML on the fly. I don’t think that either of these are what the intended use of SVG is for, but then what fun things are? Another neat thing to note, is that the text with the SVG and JavaScript is about 1/3 the size of the thumbnails.

“3d” SVG Example. – This example makes a faux 3d field of cubes and shows off using onmouseover effects and transparency.

Animated Fire Example – Recreates the Fire effect used in many BBS Demos way back when. Creates both the field of boxes, as well as the animated Fire effect on the fly.

Feel free to view the source and play around with them, even though they are only snippets I have released them under the GPL license. Let me know if you make anything fun with them!

Further resources:
Croczilla SVG Samples
Mozilla SVG Project