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.