Here is the tool: www.aharef.info/static/htmlgraph/
What do the colors mean?
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
RSS
It looks cool but…. What does it mean? (The different colors and placement and angles of lines [and...whatever])
By: Jayson on May 27, 2007
at 12:58 pm
I have no idea. I just liked how it looked!
By: purpleslog on May 27, 2007
at 1:13 pm
PSlog,
Very cool image. I’ve created a similar image for D5GW, posted there now: “Visualizing Dreaming 5GW.”
You’ve also inspired me to create a Flickr account for D5GW. I plan to post various images of the OODA used at D5GW, for easy sharing!
By: Curtis Gale Weeks on May 27, 2007
at 7:50 pm
BTW, forgot to say, that the site has in its title, “HTML DOM visualizer,” which leads me to believe that the image is primarily a visualization of the website rather than a visualization of the relationship of that site within the Blogosphere or Internet.
By: Curtis Gale Weeks on May 27, 2007
at 7:51 pm
Yeah, It is the site itself.
Flickr is great.
I have already posted OODA graphics for use in blogging:
Boyd Version –> http://www.flickr.com/photos/purpleslog/74209364/
My version TDAXP’s Simple OODA (cleaned up byComing Anarchy) –>
http://www.flickr.com/photos/purpleslog/156078984/
Simple OODA with xGW mappings –>
http://www.flickr.com/photos/purpleslog/156094684/
Both of the above in one graphic –>
http://www.flickr.com/photos/purpleslog/156106514/
Here is your revised OODA –>
http://www.flickr.com/photos/purpleslog/208539924/
By: purpleslog on May 27, 2007
at 10:23 pm