{"id":428,"date":"2006-06-02T10:52:29","date_gmt":"2006-06-02T15:52:29","guid":{"rendered":"http:\/\/www.shamusyoung.com\/twentysidedtale\/?p=428"},"modified":"2006-06-02T10:52:29","modified_gmt":"2006-06-02T15:52:29","slug":"more-website-graphs","status":"publish","type":"post","link":"https:\/\/www.shamusyoung.com\/twentysidedtale\/?p=428","title":{"rendered":"More website graphs"},"content":{"rendered":"<p>Fledgling %Otaku has <a href=\"http:\/\/www.haibane.info\/2006\/06\/01\/the-view-from-30000-pixels\">several more website graphs<\/a> like the one <a href=\"?p=423\">I put up<\/a> a couple of days ago.  Then there is an interesting exchange in the <a href=\"http:\/\/www.haibane.info\/2006\/06\/01\/the-view-from-30000-pixels\/#comments\">comments of that post<\/a> about the appearances of different sites when viewed as graphs.  Some sites are just a few tightly packed nodes.  Some are sparse and sprawling.  Some, like this site, are a bunch of different patterns all hanging together.<\/p>\n<p>So I started thinking about what other pages I might feed into this thing and what they would look like.  <\/p>\n<p>First, if you remember from a few days ago, this is the site you are reading right now:<\/p>\n<p><center><img decoding=\"async\" src=\"images\/websitesasgraphs.gif\"\/><\/center><\/p>\n<p>Now let&#8217;s look at <a href=\"http:\/\/www.google.com\">Google<\/a>:<\/p>\n<p><center><img decoding=\"async\" src=\"images\/wsag_google.gif\"\/><\/center><\/p>\n<p>Talk about minimalisim! Just under 60 total tags. This explains why the site loads so quickly. There are two purple tags &#8211; two images.  One would have to be the Google logo itself, but I wonder what the other one is?  <\/p>\n<p>Now let&#8217;s look at the other end of the spectrum:<\/p>\n<p><center><img decoding=\"async\" src=\"images\/wsag_shocked.gif\"\/><\/center><\/p>\n<p>This is the printer-friendly version of <a href=\"http:\/\/www.shamusyoung.com\/shocked\/\">my book<\/a>, which has the entire novel on one page.  (If you&#8217;re curious, you can see it <a href=\"http:\/\/www.shamusyoung.com\/shocked\/pfv.php\">here<\/a>. It may take a bit to load for some of you, as it is well over 400k of HTML.)  This represents about 330 pages of text.  The orange dots are paragraphs, and the grey tendrils are areas in bold or italics.  I&#8217;m rather surprised at the number of tables (red dots) spread around.  Now compare that to this:<\/p>\n<p><center><img decoding=\"async\" src=\"images\/wsag_command_line.gif\"\/><\/center><\/p>\n<p>This is <a href=\"http:\/\/artlung.com\/smorgasborg\/C_R_Y_P_T_O_N_O_M_I_C_O_N.shtml\">In the Beginning was the Command Line<\/a> by Neal Stephenson, which is a very large essay (highly recommended, by the way) with no formatting or images.  So now we can see that large blocks of prose tend to look like huge orange dandelions.<\/p>\n<p>This is fun.  Go on.  <a href=\"http:\/\/www.aharef.info\/static\/htmlgraph\/\">Try it for yourself<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fledgling %Otaku has several more website graphs like the one I put up a couple of days ago. Then there is an interesting exchange in the comments of that post about the appearances of different sites when viewed as graphs. Some sites are just a few tightly packed nodes. Some are sparse and sprawling. Some, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-428","post","type-post","status-publish","format-standard","hentry","category-pictures"],"_links":{"self":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=428"}],"version-history":[{"count":0,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/428\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}