The graphical canspice.org


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. :-)

  1. #1 by Geof F. Morris on 26 May 2006 - 4:14 pm

    Your image isn’t showing up here, Brad. :(

    Watching that grow as it spidered ijsm.org was a wholly organic experience. Quite … weirdly awesome. It’s like a sentient fireworks show.

  2. #2 by Brad on 26 May 2006 - 4:24 pm

    Stupid relative filepaths. :) Picture’s fixed.

  3. #3 by Geof F. Morris on 27 May 2006 - 3:20 am

    A-ha. That’s about what I would have expected it to look like. :)

(will not be published)