martes, 16 de febrero de 2010

HTML Graph, visualiza la red de etiquetas de cualquier página web




HTML Graph es un interesantísimo java applet para visualizar páginas web como grafos. Fue programado por Marcel con el lenguaje Processing. La figura de arriba es el grafo web de Bitelia.
¿Qué es lo que hace? Simplemente recibe una URL y devuelve en pantalla una animación en tiempo real de la transformación de nuestra página web en una red de nodos y aristas. Donde cada nodo es una etiqueta HTML, coloreada según su tipo, y cada arista refleja la relación entre cada etiqueta.
  • Azul: Enlaces (A)
  • Rojo: Tablas (TABLE, TR y TD)
  • Verde: Etiqueta DIV
  • Violeta: Imágenes (IMG)
  • Amarillo: Formularios (FORM, INPUT, TEXTAREA, SELECT y OPTION)
  • Anaranjado: Saltos de línea y citas (BR, P, BLOCKQUOTE)
  • Gris: Todas las demás
  • Negro: HTML, el nodo raíz
Debo confesar que la primera vez que lo utilicé no pude evitar abrir la boca por la belleza que emerge de la animación. Creo que la información que nos proveen los grafos es, digamoslo así, arquitectónica. En este sentido, el grafo nos permitiría clasificar sitios web según sus colores, complejidad, patrones… Pueden enviar un screenshot de tu URL a Flickr con la etiqueta websitesasgraphs. Les recomiendo comparar la simplicidad de Google, con
el enredo
la complejidad de Yahoo!

Y esto lo que da esta pagina:





No hay comentarios:

Publicar un comentario