La primera maqueta

Durante el taller de Visualización del Medialab Prado, gracias a lo consejos de Bestiario y al saber hacer de Jesús Sánchez, hicimos una maqueta de lo que podía ser la visualización de BarriBlog. No pudimos hacerla en Flex y utilizamos Flash-CS3. Me hubiera gustado publicar la primera maqueta con los datos extraídos automáticamente por el vampiro Lestat de BarriBlog, pero las dificultades que me he encontrado (las describí en el post “El diablo cojuelo” ) me han hecho perder mucho tiempo. Para no retrasar más su publicación presentaré la que realizamos en el taller. Esta visualización está basada en los datos que aportó Tiscar de los 100 periodistas que está analizando en su tesis doctoral. Por el momento hemos mantenido el nombre de los blogs en el anonimato, pero algún curioso puede realizar ingeniería inversa y adivinar el nombre del blog por las relaciones. Instrucciones: La visualización tiene tres partes: Izquierda: Información de las características y el perfil del blog Centro: Un círculo con 100 Blogs de periodistas, representados por un número y que admite las siguientes acciones:

  1. Al pulsar en un número de blog, se sitúa este blog en el centro del círculo y aparecen sus relaciones con el resto. Cuanto más relación menos distancia.
  2. Al pasar el ratón por el número de blog aparece en la parte izquierda sus características y su perfil.

Derecha: Relaciones de los blogs. Por defecto la relación está calculada en función de los enlaces, conversación y citas. Pulsando en los botones de esta zona se pueden visualizar los distintos tipos de relación del blog seleccionado. Pulsa en la imagen siguiente y voila!!

maqueta-1.jpg

Si te ha gustado, ¡compártelo!Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

13 Respuestas

  1. @rafamontoya Gracias!!!
    Me queda mucha mili y con lo que nos están contando, mucho más.

  2. como puedo hacer un proyecto pero con mis amigos de facebook ayudenme porfa

  3. Iñigo Muchas gracias.

    Conocía Touchgraph pero pensaba que solo visualizaba los datos de google. Me viene muy bien el enlace.
    Me esta ayudando un alumno que le llevo el PFC (becario de TID) a buscar distintas visualizaciones y cuando número de conexiones empieza crecer los grafos son farragosos de representar. La escala es un problema de difícil solución. La programación interactiva alivia la representación pero también pierdes visión de conjunto. En fín, que la perfección no existe, gracias a eso tendremos siempre trabajo.

    Lo del libro me interesa, prestámelo please.
    Ya te pediré tus coordenadas para quedar a desayunar/comer o cañitas lo que te venga mejor.

  4. Iñigo dice:

    Me gusta mucho la interfaz gráfica que le has puesto a la visualización.

    Hace tiempo estuve probando Touchgraph (la versión opensource http://sourceforge.net/project/showfiles.php?group_id=30469 ) para algo parecido y, aunque es más espectacular, cuando te quieres dar cuenta el grafo es innavegable.

    Por si te hace falta, tengo en casa el libro de Tufte “The Visual Display of Quantitative Information”. Dame un toque y te lo acerco.

  5. Beatriz: Muchas gracias. Espero poder pintar pronto u barrio de Blogs.

    Gorka: No sabes lo dificil y escurridizo que es sacar la información en HTML. pero con perseverancia y maña, todo se consigue.

    Para hacer un experimento con el XFN, te pediré ayuda en breve

  6. Teketen dice:

    Interesante lo dificil será recabar esta información de manera automatizada y intentar mapear las relaciones de una manera “correcta”. Ya te di algunas pistas para que pudieseis utilizar la información en XFN (en el WikiST). Animo y al toro!

  7. Beatriz dice:

    Me gusta. Tiene muy buena pinta :) Felicidades.

  8. Lerthaur: Muchas gracias. Una vez que los descubres el blog es como una casa que has visitado.
    He bajado la tamaño a 1000×500, los números y letras se ven más pequeños pero al menos no aparecerá la odiosa barra de scroll.
    Mi Ordenador es pequeño pero matón, yo la veía sin scroll :-)

    Tíscar Gracias por los ánimos. Nos vemos un día de estos cuando terminen los exámenes y volvamos a ser personas :-)

  9. Tíscar dice:

    Enhorabuena, esto marcha!
    Un día de estos quedamos para seguir trabajando. Un beso.

  10. loretahur dice:

    Me gusta. Es sencillo y muy intuitivo. Además, cuando seleccionas un blog y te muestra sus enlaces, el icono se parece a las casitas del Monopoly ;-)

    La única pega: haría más estrecha la página puesto que, a pesar de usar configuración de 1024×768, tengo que tirar de la barra de desplazamiento. Sería mejor que se ajustase a esas medidas para ver todo del tirón (mis dos céntimos :))

  1. marzo 2, 2008

    […] Dentro del paquete Graphviz se encuentran distintos programas para generar gráficos en función de unos parámetros determinados. A continuación se explican cada uno de ellos y como ejemplo se visualizará las citas de los Blogs de periodistas de la tesis de Tíscar Lara, que ya se representaron en la primera maqueta de BarriBlog. […]

  2. diciembre 13, 2008

    […] Estos esfuerzos por visualizar lo que está aconteciendo son interesantes. En mi del.icio.us voy poco a poco marcando algunos sitios y artículos sobre visualización que van captando mi interés. Bueno, esto es sólo una pequeña introducción para informar del lugar estelar que asigno al proyecto de Mari Luz Congosto, que cuenta ya con su primera maqueta de Barriblog. […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.