Websites as Art

By Michael Santo
Executive Editor, RealTechNews

Here’s a site that will display any URL you enter as a hierarchical graph. Above is the graph displayed for RealTechNews (at least, when I wrote this article; obviously as the site changes so will the graph).

The key to the colors is:

blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

We Say: Pretty cool, actually. BTW, the graph doesn’t appear in one fell swoop; you see it twist and turn and generate itself which is part of the charm.