"Count what is countable. Measure what is measureable. What is not measureable, make measureable." -- Galileo

Tuesday, August 12, 2008

Visualizing CMS

I'm still working on quantifying this, but here are some screen captures of website visualizations from http://www.aharef.info/static/htmlgraph/. Fun stuff. The colors are coded as follows:

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

Finding the black root node in these small images can be tricky. Look for a starburst of grey nodes with no further daughter nodes and then go upstream.

From top to bottom they are:
  • Drupal.org
  • Plone.org
  • Wordpress.org
  • Joomla.org

No comments: