Sunday, July 16, 2006

breydel.blogspot.com as a graph

Today, I came across an interesting way to look at websites: websites as a graph. Here's a way the HTML of http://breydel.blogspot.com looks like. (Other graphs can be find at flickr tag websitesasgraph.)


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

No comments: