Imagine you’re an HTML DOM Visualizer, what would you see ?

Aharef give us an answer coding one in Processing, based on Traer Physics.

Now, let’s see the look and feel of this blog, www.dereckson.be www.double-v.com and Espace Win 🙂

This blog :

www.double-v.com :

www.dereckson.be :

Espace Win

The graphs are posted in the topic “Ă€ quoi ressemble notre forum ?” of our board in Life @ Espace Win.

LĂ©gende :

  • 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 HTML tag, the root node
  • gray: all other tags

Source code :

http://www.aharef.info/static/htmlgraph/sourcecode.html

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.