Websites as Graphs: Representa un Sitio Web con Gráficos

Si quieres conocer de manera instantánea en que medida usas diferentes componentes -links, tablas, divs, imagenes, etc.- en tus webs, puedes hacerlo representándolas de la siguiente manera:

Cada uno de los colores tiene un significado en particular, siendo los más imporantes:

  • Azul: links.
  • Rojo: tablas.
  • Verde: divs.
  • Amarillo: formulario.
  • Anaranjado: saltos de líneas, citas.
  • Negro: nodo raíz (html).
  • Gris: otros.

Esta herramienta fue desarrollada en Java (de hecho es un applet Java), haciendo uso de : Processing, Traer Physics y HTMLParser.

Enlace: Representa tus sitios