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
It's interesting! Mine looks like parsley or coral with a larger blue in the centre of the branches... :-D It's really interesting. Thank you for sharing! i may post it in my blog too ;-)
ReplyDeleteThis is pretty cool! Here's mine: http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fvanillabasil.blogspot.com
ReplyDeleteI love how it flowers and blooms as you watch