View your site/blog visually as a graph


Webpage as graphic

Came across this neat app (thanks to @skinnyjeans) where you enter your blog or site url and view your site’s coding visually on a colorful graph.

The image above is my site! Complex and weird… just like me! Lol.

Here are what the colors represent:
blue: links (A tag)
red: tables (TABLE, TR TD tags)
green: DIV tag
violet: images (IMG tag)
yellow: forms (FORM, INPUT, TEXTAREA, SELECT, OPTION tags)
orange: linebreaks, blockquotes (BR, P, BLOCKQUOTE tags)
black: HTML tag, the root node
gray: all other tags

View your own site/blog’s visual graph at Aharef.info. There you will also see other examples. Apple.com and Yahoo.com both have pretty graphs. And Google.com’s graph is one of the simplest. I was curious to see what Twitter.com, Facebook.com and Myspace.com looked like so take a peek at those below!

webpage as graphic 2

2 Comments

  1. Rolando says:

    Now that was cool! It was like watching a flower growing in fast motion.

  2. Dave says:

    nice scale free – small world network graph ! (geek stuff :P )

Leave a Comment

Trackbacks