There is a simple, fun tool which creates a blooming graph of the html code in your website or blog, color coding various components, tags, and links, and rendered as a gently unfolding blossom which is rather hypnotic to watch. Shown above is a graphic of my blog. Shown below is a graphic for Tastespotting.
How about yours? Comment with your blossom links!
And just what do the colored spheres mean?
Blue: 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