Neat visualization of the source code for a website

This is from a Java applet that takes the source code for a given web page (in this case, my site Gabriel )and uses different colored dots to show different elements.

Graph another website here: Websites as Graphs

What do the colors mean?
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

Popularity: 100% [?]

Tags: websitesasgraphs, graph, dots, graphic, tree, network, screenshot
Uploaded: October 23, 2007
View this photo on Flickr

0 comments

No comments for this photo. Add a comment >

View this photo on Flickr
Powered by the Flickr Photo Album plugin for WordPress.