Thursday, July 22, 2010

What's this pretty picture?

Yesterday, while searching the net for exciting new ways to create graphs (work related) I found this super cool website that basically takes any website that you punch into the system and generates a graphical representation of the website. The one you see above is my actual blog and here's what the colours 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
grey: all other tags

Try it out for yourself right here and let me know how your blog / website turns out.

No comments: