Diogo Gomes Blog

Today a friend sent me a link to an applet called Websites as Graphs.

Here’s what it does:

[dgomes.camelot.com.pt]

As most of you might already know, web pages are written in a graph structured markup language (HTML). Some complex (such as your’s truly blog), some quite simple (such as google website):

[google]

But what is it doing? What this applet does is plain simple: it generates a graph of the html structure of a given website using the basic HTML tags as nodes in the graph. In order to read the graph you should know that:

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