Fresh & New(er)

discussion of issues around digital media and museums by Seb Chan

Fresh & New(er) header image 2

HTML visualisation application

May 29th, 2006 by Seb Chan

This lovely little HMTL visualisation applet is doing the rounds at the moment. It is built in Processing and the source code is already being hacked by others to build variants.

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. I’ve written a little app that visualizes such a graph, and here are some screenshots of websites that I often look at.

(from Aharef. Source code available there as well.)

Tags: No Comments

0 responses so far ↓

Like gas stations in rural Texas after 10 pm, comments are closed.