View your site/blog visually as a graph 2


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


Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 thoughts on “View your site/blog visually as a graph