This graphic was created by a cool java applet that traverses a web site and translates it into its various components. That information is then rendered in this format. In less than specific biological terms, it’s the phylogeny of my site.
That gray ball with the black center shown at the bottom is the very top of the page (the header), then the cluster on the left is all of the post data and the cluster on the right is the sidebar data. Very cool, if not a bit nerdy. One of the neatest aspects of this is to watch it form as the applet builds the representation of a site.
What do the colors mean?
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
[via PZ]