não consegui copiar a imagem inteira (não coube na minha tela) mas tudo bem. coloquei no flickr e tou divulgando aqui porque achei TUDO! (a dica eu peguei aqui)
**
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
**
e pra quem quer saber o que diabo são essas bolinhas ligadas, elas são grafos. aqui tem uma explicação do que significa isso.
os dois mais lindos que eu testei: http://www.ebeth.com.br (tem uma flor amarela!) e http://www.weno.com.br (tudo vermelho e rosa)
o mais bizarro: apfelsine.blogspot.com (confiram)