June 01, 2006

Darlene's Web Site As a Graph

Darlene's Web Site as a Graph

Create an image of the structure of the source code of the page at http://www.aharef.info/static/htmlgraph/.

Share your graph on Flickr. Just take a screen snapshot and post it Flickr and tag it "websitessasgraphs" to share with others. Browse some of the graphs snapped of Google, Apple, CNN ...

Darlenes Web Site as a Graph

Large Size Version

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


Tags: |

 Permanent Link AddThis Social Bookmark Button


Comments:
This is a fascinating visualization tool. It would be interesting to apply the results here to usage statistics to look for patterns. :)
# posted by Anonymous Steve McCann : 4:56 PM
 
Post a Comment