Graphical representation websites

I’m afraid that the image looks a little bit fuzzy. My photo editing skills failed today.

The image is the result of entering http://www.thatedeguy.com into the site at Website Graphs and hitting enter.

What does it all mean? It’s a graphical representation of the structure of the website. Here’s the legend.

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

All in all, pretty cool. I find it interesting that you know your site design well enough, you can actually pick out the different areas of your site. For instance, the outbreak of red on the left side is what I believe is the admin side of the site. The right hand cluster would seem to be the actual content of the blog while I haven’t quite placed the upper and lower branches just yet.

Technorati Tags: graph, graphics, images, graphical representation, websites as graphs