February 27, 2007

Blog Homepage as a Graph

Posted in Tech

Check out this nifty Java applet which converts HTML tags of a web page into a colorful graph. Described as a HTML DOM Visualizer, I’m not sure if this would have any productive use, but it’s cool at the least! Here’s a screenshot of my blog’s homepage:

Homepage HTML as Graph

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

Get a Trackback link

No Comments Yet

You can be the first to comment!

Leave a comment