Posted:May 31, 2006

Let a Thousand (Better, Ten) Flowers Bloom

An incredibly fascinating visualization tool by Sala on the Aharef blog is called the Website as a Graph.  This posting links to the actual entry site where you can enter a Web address and the system provides a visual analysis of that individual Web page (not an overall view of the site).  The color coding applied is:

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

Here is the figure that is created based on my blog site:

Here is the figure from the BrightPlanet Web site:

Here is the figure from a new BrightPlanet Web site design, not yet publicly released:

Here is the figure from the CompletePlanet Web site. Note it uses the Deep Query Manager Publisher module:

Here is the figure from BrightPlanet’s Web and graphics design firm, Paulsen Marketing Communications, which is also a founder of the company. PMC uses a Flash design that does not render well with the applet:

And, finally, here is the figure from the QueryHorse equine search portal, built with the DQM Publisher:

These graphs are mostly fun, and are the number one tag currently on the Flickr site as "websitesasgraphs".  You can see hundreds of examples there.  These graphs do indicate whether sites depend on tables or /div tags, use of images, complexity and the like.  But, mostly they are fun, and perhaps even art.

Schema.org Markup

headline:
Let a Thousand (Better, Ten) Flowers Bloom

alternativeHeadline:

author:

image:

description:
An incredibly fascinating visualization tool by Sala on the Aharef blog is called the Website as a Graph.  This posting links to the actual entry site where you can enter a Web address and the system provides a visual analysis of that individual Web page (not an overall view of the site).  The color coding […]

articleBody:
see above

datePublished:

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>