Wednesday, July 23, 2008

Websites as Graphs as Art

There is an amazing java applet that takes any html web address and turns it into a stunning graph.

"Everyday, we look at dozens of websites. The structure of these websites is defined in HTML, the lingua franca for publishing information on the web. Your browser’s job is to render the HTML according to the specs (most of the time, at least). You can look at the code behind any website by selecting the “View source” tab somewhere in your browser’s menu.

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."

Here is an example. My blog,

Each color represents a different layer to the website. For example, blue dots represent links, purple represents images, black dots being the root tag. I heard of this through Shane Lavalette's blog and thought i would pass it along.

Try it out for yourself!

No comments: