I just found out about this cool way to visualize websites. I must say that not only the end result, but also the way it builds the image is pretty fun to watch. What is does really is translate the tags of the HTML into colored dots. The colors are used for the tags in the following way:
- blue: for links (the A tag)
- red: for tables (TABLE, TR and TD tags)
- green: for the DIV tag
- violet: for images (the IMG tag)
- yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
- orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
- black: the HTML tag, the root node
- gray: all other tags
Here's the result for 'Cross The Breeze, you can find more results at the website of the guy who created it or at Flickr (tagged: websitesasgraphs). Nifty results for instance for BoingBoing.net, almost fireworks.
Or just try it for yourself here.
[Via Google Blogoscoped]
'Cross The Breeze 