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.

3 thoughts on “Graphing a website

Leave a Reply

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 )

Google+ photo

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

Connecting to %s