Network Diagram of Purpleslog Blog


Here is the tool:

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

5 Responses

  1. It looks cool but…. What does it mean? (The different colors and placement and angles of lines [and…whatever])

  2. I have no idea. I just liked how it looked!

  3. 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!

  4. 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.

  5. Yeah, It is the site itself.

    Flickr is great.

    I have already posted OODA graphics for use in blogging:

    Boyd Version –>

    My version TDAXP’s Simple OODA (cleaned up byComing Anarchy) –>
    OODA - Simple Version

    Simple OODA with xGW mappings –>
    OODA with xGW Mappings

    Both of the above in one graphic –>
    OODA and OODA with xGW (Combined Image)

    Here is your revised OODA –>
    Phatic Communion's Enhanced OODA - mapped to the Generations of Modern Warfare Theory categories

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: