{"id":560,"date":"2006-05-28T21:48:33","date_gmt":"2006-05-29T01:48:33","guid":{"rendered":"http:\/\/www.chrismclaren.com\/blog\/archives\/2006\/05\/28\/i-love-visualization\/"},"modified":"2008-04-23T13:46:17","modified_gmt":"2008-04-23T17:46:17","slug":"i-love-visualization","status":"publish","type":"post","link":"http:\/\/www.chrismclaren.com\/blog\/2006\/05\/28\/i-love-visualization\/","title":{"rendered":"I love visualization"},"content":{"rendered":"<p>This is a representation of this web page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.chrismclaren.com\/blog\/wp-content\/images\/2006\/05\/mysite.jpg\" width=\"599\" height=\"601\" alt=\"A graph of this site\" title=\"A graph of this site\" \/><\/p>\n<p>The legend is as follows:<\/p>\n<p><span style=\"color: rgb(0, 0, 153); font-weight: bold;\">blue<\/span>: for links (the A tag)<br \/>\n<span style=\"color: rgb(255, 0, 0); font-weight: bold;\">red<\/span>: for tables (TABLE, TR and TD tags)<br \/>\n<span style=\"color: rgb(0, 153, 0); font-weight: bold;\">green<\/span>: for the DIV tag<br \/>\n<span style=\"color: rgb(204, 0, 255); font-weight: bold;\">violet<\/span>: for images (the IMG tag)<br \/>\n<span style=\"color: rgb(255, 255, 51); font-weight: bold;\">yellow<\/span>: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)<br \/>\n<span style=\"color: rgb(255, 153, 51); font-weight: bold;\">orange<\/span>: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)<br \/>\n<span style=\"color: rgb(0, 0, 0); font-weight: bold;\">black<\/span>: the HTML tag, the root node<br \/>\n<span style=\"color: rgb(153, 153, 153); font-weight: bold;\">gray<\/span>: all other tags<\/p>\n<p>Apparently my blog&#8217;s main page is a lot more complicated than <a href=\"http:\/\/www.aharef.info\/static\/htmlgraph\/?url=http%3A%2F%2Fwww.google.com\">Google&#8217;s main page<\/a>.<\/p>\n<p><a href=\"http:\/\/www.aharef.info\/static\/htmlgraph\/\">The tool that generated this<\/a> is fun to mess around with, to see some of the structure of other pages, but perhaps even more fun because you can watch the tree building, and the physics engine move the nodes around to a maximum separation.<\/p>\n<p>(I&#8217;m pretty sure that next time I&#8217;m bored I&#8217;m going to use the <a href=\"http:\/\/www.cs.princeton.edu\/~traer\/physics\/\">physics<\/a> and <a href=\"http:\/\/www.processing.org\/\">graphics<\/a> tools that are used here&#8211;which all appear to be <a href=\"http:\/\/en.wikipedia.org\/wiki\/FOSS\">FOSS<\/a>&#8211;and write a new version of the zombie simulation.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\">This is a representation of this web page: The legend is as follows: blue: for links (the A tag) red: for tables (TABLE, TR and TD tags) green: for the DIV tag violet: for images (the IMG tag) yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags) orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags) black: the&hellip; <a href=\"http:\/\/www.chrismclaren.com\/blog\/2006\/05\/28\/i-love-visualization\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":13,"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":[11],"tags":[221,268,228],"class_list":["post-560","post","type-post","status-publish","format-standard","hentry","category-meta-blogging","tag-blogging","tag-visualization","tag-web-tools","xfolkentry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5UQvw-92","_links":{"self":[{"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/posts\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":0,"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.chrismclaren.com\/blog\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}