Websites as Graphs es una página que a partir de la estructura HTML de tu web, analizando las etiquetas <a>, <img>, <div> y las demás, crea un gráfico representativo. Primero hace una animación en java, pero también genera el código. Te dan la opción de pasar el código generado a imagen o archivo pdf, y si no sabes hacerlo, tras una donación te lo hacen ellos. Lo más facil es hacer una captura de la animación y crear la foto. Un ejemplo de como queda:
Qué representa cada color
- azul: links (the A tag)
- rojo: tablas (TABLE, TR and TD tags)
- verde: etiquetas DIV
- violeta: imagenes (las etiquetas IMG)
- amarillo: formularios (etiquetas FORM, INPUT, TEXTAREA, SELECT y OPTION)
- naranja: saltos de linea y blockquotes (etiquetas BR, P, y BLOCKQUOTE)
- negro: eriqueta HTML , the root node
- gris: el resto de las etiquetas
Vía.
Entradas relacionadas