{"id":478,"date":"2006-06-02T13:24:01","date_gmt":"2006-06-02T13:24:01","guid":{"rendered":"http:\/\/www.stevepugh.net\/VTT\/?p=478"},"modified":"2006-06-02T13:24:01","modified_gmt":"2006-06-02T13:24:01","slug":"web-site-graphs","status":"publish","type":"post","link":"https:\/\/stevepugh.net\/VTT\/2006\/06\/web-site-graphs\/","title":{"rendered":"Web site graphs"},"content":{"rendered":"<div class=\"gallery\" style=\"text-align: center;\"><a href=\"http:\/\/www.stevepugh.net\/VTT\/images\/site-map.png\"><img decoding=\"async\" src=\"http:\/\/www.stevepugh.net\/VTT\/images\/site-map-small.png\" alt=\"Graphical representation HTML structure of Very True Things\" \/><\/a><\/div>\n<p>What&#8217;s that? That&#8217;s the output from a <a href=\"http:\/\/www.aharef.info\/static\/htmlgraph\/\">rather nifty applet that draws diagrams of the <abbr title=\"HyperText Markup Language\">HTML<\/abbr> structure of web pages<\/a> (technically, it produces a graphical representation of a first order approximation of the <acronym title=\"Document Object Model\">DOM<\/acronym> tree by examing element nodes only). In this case that&#8217;s the front page of <a href=\"http:\/\/www.stevepugh.net\/VTT\/\">Very True Things<\/a> as of Thursday evening.<\/p>\n<p>The big grey blob at the middle top is the page head, here full of the <code>&lt;link&gt;<\/code> elements that Word Press generates. The main content of the page is to the left and the side bar is to the right. The red clusters at top left and bottom right are tables &#8211; a meme result and the calendar respectively.<\/p>\n<p>Have a look at <a href=\"http:\/\/www.aharef.info\/2006\/05\/websites_as_graphs.htm\">the examples given by the creator<\/a> to see how some big name sites compare. And then see <a href=\"http:\/\/flickr.com\/photos\/tags\/websitesasgraphs\/\">the graphs for everyone else&#8217;s sites on Flickr<\/a>. (Via <a href=\"http:\/\/scienceblogs.com\/pharyngula\/2006\/05\/graphing_pharyngula.php\">Pharyngula<\/a>.)<\/p>\n<p>What&#8217;s really scary for me is that when I look at <a href=\"http:\/\/www.aharef.info\/static\/htmlgraph\/?url=http%3A%2F%2Fuk.visitlondon.com\">the graph for <abbr title=\"Visit London\">VL<\/abbr><\/a> I can <em>instantly<\/em> spot where one extraneous (but harmless) link has been inserted by accident.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What&#8217;s that? That&#8217;s the output from a rather nifty applet that draws diagrams of the HTML structure of web pages (technically, it produces a graphical representation of a first order approximation of the DOM tree by examing element nodes only). In this case that&#8217;s the front page of Very True Things as of Thursday evening. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[14,15],"tags":[],"class_list":["post-478","post","type-post","status-publish","format-standard","hentry","category-work","category-www"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1fxq5-7I","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/posts\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":0,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"wp:attachment":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}