(Click the thumbnail for full-size.) I don’t know what this picture says about my blog’s structure, but I’m interested in different visualization efforts all the same. Here, clock‘s HTML source as a graph, courtesy of Sala. No last name given, but let’s assume the aharef in the domain is a last name until we learn otherwise. Make your own via the form on this page.
Here’s the original post from the author, which I found via Information Design. I’ve already seen this meme picked up by another feed I read, and I expect it will spiral widely.
What will help it spread? First, it’s visual. Second, there is a unique flickr tag: websitesasgraphs. Here’s my contribution to the tag.
Because I’ll lose track otherwise, here’s the Legend.
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