{"id":22,"date":"2006-08-20T00:01:11","date_gmt":"2006-08-20T00:01:11","guid":{"rendered":"http:\/\/www.dereckson.be\/blog\/2006\/08\/20\/websites-as-graphs-an-html-dom-visualizer-applet\/"},"modified":"2006-08-20T00:01:11","modified_gmt":"2006-08-20T00:01:11","slug":"websites-as-graphs-an-html-dom-visualizer-applet","status":"publish","type":"post","link":"https:\/\/www.dereckson.be\/blog\/2006\/08\/20\/websites-as-graphs-an-html-dom-visualizer-applet\/","title":{"rendered":"Websites as graphs &#8211; an HTML DOM Visualizer Applet"},"content":{"rendered":"<p>Imagine you&#8217;re an HTML DOM Visualizer, what would you see ?<\/p>\n<p>Aharef give us an answer coding one in <a href=\"http:\/\/www.processing.org\/\" hreflang=\"en\">Processing<\/a>, based on <a href=\"http:\/\/www.cs.princeton.edu\/~traer\/physics\/\" hreflang=\"en\">Traer Physics<\/a>.<\/p>\n<p>Now, let&#8217;s see the look and feel of this blog, www.dereckson.be www.double-v.com and Espace Win \ud83d\ude42<\/p>\n<p><!--more--><\/p>\n<p><strong>This blog :<\/strong><\/p>\n<p><img decoding=\"async\" src=\"\/blog\/images\/websitesasgraphs\/blog-dereckson-be-20060819.png\" alt=\"\" \/><\/p>\n<p><strong><a href=\"http:\/\/www.double-v.com\/\" hreflang=\"fr\">www.double-v.com<\/a> :<\/strong><\/p>\n<p><img decoding=\"async\" src=\"\/blog\/images\/websitesasgraphs\/double-v-20060819.png\" alt=\"\" \/><\/p>\n<p><strong><a href=\"http:\/\/www.dereckson.be\/\" hreflang=\"en\">www.dereckson.be<\/a> :<\/strong><\/p>\n<p><img decoding=\"async\" src=\"\/blog\/images\/websitesasgraphs\/dereckson-be-20060819.png\" alt=\"\" \/><\/p>\n<p><strong>Espace Win<\/strong><\/p>\n<p>The graphs are posted in the topic &#8220;<a href=\"http:\/\/forum.espace-win.org\/t\/1487\" hreflang=\"fr\">\u00c0 quoi ressemble notre forum ?<\/a>&#8221; of <a href=\"http:\/\/forum.espace-win.org\/\" hreflang=\"fr\">our board<\/a> in <a href=\"http:\/\/forum.espace-win.org\/viewforum.php?f=41\" hreflang=\"fr\">Life @ Espace Win<\/a>.<\/p>\n<p><strong>L\u00e9gende :<\/strong><\/p>\n<ul>\n<li>blue: for links (the A tag)<\/li>\n<li>red: for tables (TABLE, TR and TD tags)<\/li>\n<li>green: for the DIV tag<\/li>\n<li>violet: for images (the IMG tag)<\/li>\n<li>yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)<\/li>\n<li>orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)<\/li>\n<li>black: the HTML tag, the root node<\/li>\n<li>gray: all other tags<\/li>\n<\/ul>\n<p><strong>Source code :<\/strong><\/p>\n<p><a href=\"http:\/\/www.aharef.info\/static\/htmlgraph\/sourcecode.html\" hreflang=\"en\">http:\/\/www.aharef.info\/static\/htmlgraph\/sourcecode.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Imagine you&#8217;re an HTML DOM Visualizer, what would you see ?<\/p>\n<p>Aharef give us an answer coding one in <a href=\"http:\/\/www.processing.org\/\" hreflang=\"en\">Processing<\/a>, based on <a href=\"http:\/\/www.cs.princeton.edu\/~traer\/physics\/\" hreflang=\"en\">Traer Physics<\/a>.<\/p>\n<p>Now, let&#8217;s see the look and feel of this blog, www.dereckson.be www.double-v.com and Espace Win \ud83d\ude42<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[11],"class_list":["post-22","post","type-post","status-publish","format-standard","hentry","tag-general"],"_links":{"self":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/categories?post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/tags?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}