Websites as graphs

Data visualization was the topic today on Coding Horror. If you haven't read it then head on over, it's worth your time.

What peaked my interest was from Websites as Graphs from Aharef. He has written an application that graphs web pages based on tag association. He presents sample graphs of popular websites such as Google, MSN and CNN. He even provides this application to view your own website as a graph. Below is davefarley.org viewed as a graph.


The legend is as follows:

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

Comments

Popular Posts