With this exercise we are looking at the use of the DOM. Once again with some help from Alex the javascript from his example dom2.xml was adapted for this example.
In the first test run there were some repainting problems after zooming. These effects are no longer there. However you may notice some effects after scrolling. To demonstraight this click on the link Raw XML. It is a copy of this image, but has a larger box and you can zoom in much closer and retain more of the image.
Note: The oval form and rollover using opacity of the buttons was a great tip from Dylan Schieman, many thanks.
This is the picture that started it all for me. I first saw this as a screen shot at Mozilla's SVG project page. Well to put it mildly it just blew me away.
It was finally possible to find a SVG embeded copy and well after a lot of playing around it was possible to convert it into an inline image for Mozilla.
However there are some color differences compared with the embedded copy The orginal SVG file was done in polylines using grouping. This can be shown in Mozilla, but the colors are not filled between the lines.It was then change into polygons.
... to be continued ...