Tuesday 26 May 2009

Website as Graph

Made by Marcel Salathe (email me: salathe.marcel AT gmail DOT com)

Type in your website url into the tool here: http://www.aharef.info/static/htmlgraph/

Very intersting way to see the structure of your html for websites, the key is below to the colours. The big red blue cluster to the bottom left is my blogroll with table, tr, td, a href TAGS in a big list hence the volume of the cluster. That was an easy part to spot.

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

found: http://www.dddinfographic.com/index.php/2006/06/08/websites-as-infographics/

might be old, so apologises for re-showing people

No comments: