{"id":445,"date":"2011-02-02T20:22:28","date_gmt":"2011-02-02T19:22:28","guid":{"rendered":"http:\/\/www.madrimasd.org\/blogs\/redes-complejas\/?p=445"},"modified":"2011-02-02T20:22:28","modified_gmt":"2011-02-02T19:22:28","slug":"otra-forma-de-ver-una-pagina-web-grafos","status":"publish","type":"post","link":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/2011\/02\/02\/445\/","title":{"rendered":"Otra forma de ver una p\u00e1gina web: grafos"},"content":{"rendered":"

Me he encontrado con una p\u00e1gina bien curiosa. No tiene utilidad (que a mi se me ocurra), pero como tampoco voy a medir todo por su utilidad… la voy a presentar simplemente porque me ha gustado. Se llama Webpages as Graphs<\/em><\/a>.<\/p>\n

En esa p\u00e1gina se puede ver c\u00f3mo su autor, Marcel Salath\u00e9<\/strong>, ha creado una aplicaci\u00f3n que lee el c\u00f3digo html<\/a> de una p\u00e1gina web cualquiera y crea un grafo a partir de esa informaci\u00f3n. Los nodos representan las diferentes etiquetas que se pueden encontrar en el c\u00f3digo y los colorea con el siguiente criterio:<\/p>\n

    \n
  1. azul: enlaces (corresponde a la etiqueta A),<\/li>\n
  2. rojo: tablas (etiquetas TABLE, TR y TD),<\/li>\n
  3. verde: etiqueta DIV,<\/li>\n
  4. violeta: im\u00e1genes (etiqueta IMG),<\/li>\n
  5. amarillo: formas (etiquetas FORM, INPUT, TEXTAREA, SELECT y OPTION),<\/li>\n
  6. naranja: para saltos de l\u00ednea y citas (etiquetas BR, P y BLOCKQUOTE),<\/li>\n
  7. negro: para el nodo inicial (etiqueta HTML),<\/li>\n
  8. gris: el resto de etiquetas.<\/li>\n<\/ol>\n

    Por \u00faltimo, el enlace entre dos nodos representa que una etiqueta est\u00e1 anidada dentro de otra. Eso implica que, estrictamente, es un grafo dirigido y los enlaces deber\u00edan dibujarse como flechas. Pero, trat\u00e1ndose de un divertimento, tampoco tiene mayor importancia.<\/p>\n

    \u00bfC\u00f3mo luce el grafo asociado a la p\u00e1gina web de nuestro grupo de investigaci\u00f3n (CSG)<\/a>?<\/p>\n

    \"repositorio\"<\/p>\n

    \u00bfY el de la p\u00e1gina web de Madri+d<\/a>? Pues as\u00ed de florido.<\/p>\n

    \"repositorio\"<\/p>\n","protected":false},"excerpt":{"rendered":"

    Me he encontrado con una p\u00e1gina bien curiosa. No tiene utilidad (que a mi se me ocurra), pero como tampoco voy a medir todo por su utilidad… la voy a presentar simplemente porque me ha gustado. Se llama Webpages as Graphs. En esa p\u00e1gina se puede ver c\u00f3mo su autor, Marcel Salath\u00e9, ha creado una aplicaci\u00f3n que lee el c\u00f3digo html de una p\u00e1gina web cualquiera y crea un grafo a partir de esa informaci\u00f3n. Los nodos representan las diferentes etiquetas que se pueden encontrar en el c\u00f3digo y los colorea con el siguiente criterio: azul: enlaces (corresponde a la\u2026<\/p>\n","protected":false},"author":166,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[1,2441],"tags":[3086,2562],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":4}},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/posts\/445"}],"collection":[{"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/users\/166"}],"replies":[{"embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/comments?post=445"}],"version-history":[{"count":15,"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/posts\/445\/revisions"}],"predecessor-version":[{"id":463,"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/posts\/445\/revisions\/463"}],"wp:attachment":[{"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/categories?post=445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/redes-complejas\/wp-json\/wp\/v2\/tags?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}