Derivadow

Thoughts and observations on the open web, linked data, URIs and generally how technology and design can create great things for people to use.

,

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 responses to “Graphing a website”

  1. Matt Large Avatar
    Matt Large

    Check out the graph for Google’s homepage. Nice and small and simple.

    Reply
  2. Tom Avatar
    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.

    Reply
  3. wood Avatar
    wood

    thanks a lot for your help!

    Reply

Leave a Reply

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

Gravatar
WordPress.com Logo

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

Facebook photo

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

Cancel

Connecting to %s

Blog at WordPress.com.

%d bloggers like this: