websitesasgraphs

Eu vi aqui na zel, que viu aqui.Websites as graphs. Ou, numa tradução rápida, sites representados graficamente.
Uma coisa de geek, mas que é extremamente interessante: como um monte de letrinhas juntas, que formam o código fonte de uma página, pode ser transformado e representado graficamente, com um resultado nada enfadonho.
Adorei. E essa é a representação desse blog aqui.

Legendinha:
azul: para links (a tag A)
vermelho: para tabelas (tags TABLE, TR and TD tags)
verde: para a tag DIV
violeta: para imagens (tag IMG)
amarelo: para formulários (tags FORM, INPUT, TEXTAREA, SELECT e OPTION)
laranja: para quebras de linhas e definições de blocos – blockquotes (tags BR, P, e BLOCKQUOTE)
preto: a tag HTML , o nó principal
cinza: todas as outras tags