Subscribe to
Posts
Comments
NSLog(); Header Image

Websites as Graphs

This image (below) shows how NSLog(); looks as a graph wherein different page elements are assigned colors and the nesting determines the graph. It's explained more thoroughly here, and you can create your own graph at this page.

NSLog();

NSLog(); as Graph

The Sand Trap .com

http://thesandtrap.com/ as Graph

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

3 Responses to "Websites as Graphs"

  1. Wow. Pretty cool to see it pop up and grow over time.I got a big gray "dandelion" right after my root element.

  2. Karolczak.com as a graph

    Ever wonder what your website would look like as a graph? I noticed this over at NSLog(); Above is how Karolczak.com looks. Quite pretty, and orderly if I do say so myself 🙂 Try making one for your site:...

  3. Now I know how my website looks. Next I must find out how it sounds. Perhaps we could chain proteins and then I would know how it smells and tastes. Neat stuff.