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 etiqueda.

  • 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!

Recibe cada mañana nuestra newsletter. Una guía para entender lo que importa en relación con la tecnología, la ciencia y la cultura digital.

Procesando...
¡Listo! Ya estás suscrito

También en Hipertextual: