Webpages can be visualized in many ways. The two most obvious are through its rendered product (being what you see when you view it in a web browser) or through its source code. But given the tree-like structure of HTML documents, it should be possible to visualize a webpage as a graph.

Here’s the graph for canspice.org:
graph of canspice.org

I believe that the orange-and-blue cluster at the bottom is the body of the last post — it had a lot of linebreaks and quotes in it that are represented by orange circles. The little yellow cluster is the search form at the top right. The purple circle is the Creative Commons logo in the footer. And the red dagger thing is the flickr photos bit up at the top — although why there aren’t any purple circles associated with that is beyond me.

Thanks to doctorvee for the link.

I’d like to see Geof describe his graph. I loaded it up and it looks quite nice. Busy, too. :-)

Related Posts:

  • No Related Post