We're a sucker for nifty news ways of looking at information, so we've quickly become particularly enamored of Aharef's Websites as Graphs javaapp. Here's how it works:

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.

For example, the picture above is a graph of the gothamist.com as of one post ago. The blue dots are links, red dots are tables, green dots are DIV tags, violet dots are images, yellow dots are forms, orange dots are linebreaks and blockquotes, the black dot is the html tag and gray dots are everything else.

The graphing is also animated and can be surprisingly beautiful to watch, and Aharef has graphs of a bunch of big sites already done for your inspection. Go play around with it! [via Daring Fireball]