johnkemeny.com

 

Cuz’in Peter, who currently works at Yahoo! but is more a zseni Houyhnhnm, pointed me to Websites as Graphs, resulting in the pictures of this blog above.  As time elapses, the picture develops more detail.  There is even a Flickr site (tagged websitesasgraphs) to post your results.  The technology and source used is posted on the site.  Below is a comparison of Yahoo!’s and Google’s homepages (not fair, really, since Yahoo! is a portal and Google a search engine).  My little blog is more complex than either (but if you want to see complexity let it work on CNN for a while).

At first I thought this was a graph of network links.  Wrong!  It maps html syntax.  Below is the key.

tag(s) =	color
html =	black
table, tr, td =	red
p, br, blockquote =	orange
form, input, textarea, select, option =	yellow
div =	green
a =	blue
img =	violet
everything else =	gray

 I don’t know if Yahoo! is using this technology, but they do have some cool stuff^® like the recent feature Pipes (a user’s guide).  With it you can easily create mashups, like a combined Yahoo! & Google search, and much much more.

P.S.  A post about about Aharef’s website was made exactly 1 year ago on Pharyngula.

P.P.S.  Note: the applet shows the structure of a web page, not a web site – comments on Edward Tufte’s board.

P.P.P.S.  Some more webpagegraphs:  my employer’s homepage, my homepage, this article’s page.

This entry was posted on Sunday, May 27th, 2007 at 3:52 am and is filed under Computers & Technology, Family & Friends. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.