Graphing a website

Aharef has a nice app built using Processing (an open source visualization framework) that graphs the HTML of a webpage.

HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph.”

This is what derivadow.com looks like.

Graph of Derivadow’s HTML

And the BBC’s music site:

Graph of /Music’s HTML

And loads more graphs on Flickr.

Comments

3 Comments so far. Leave a comment below.
  1. Check out the graph for Google’s homepage. Nice and small and simple.

  2. Tom,

    http://www.live.com is nice and simple too. I do like the app – it’s interesting and the animation around the graph unfolding is cool – shame there’s not a practical use for it.

  3. wood,

    thanks a lot for your help!

Add Your Comments

Disclaimer
Your email is never published nor shared.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Tips

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ready?

Follow

Get every new post delivered to your Inbox.

Join 819 other followers