Visualizando con TouchGraph free
Publicado el 9-Septiembre-2008
Este post se lo dedico a Loretahur, a la que admiro en sus múltiples facetas y que en un plis-plas me ha solucionado el problema de alojamiento de la visualización en TouchGraph. Muchas gracias Lorena.
TouchGraph es un programa escrito en java que permite visualizar y navegar interactivamente por redes de información interrelacionada. Existen dos modalidades, una versión liberada en sourceforge y una versión de pago propiedad de Google. He querido probar ambas versiones antes de publicar este post.
Aunque en la versión liberada la documentación es escasa, no me costó mucho hacerla funcionar. Sin embargo, TouchGraph Navigator, la versión de pago, ha resultado ser muy cansina. Durante dos semanas he intentado hacer que visualizase la propagación de El meme de Enjut@ Mojamut@ con resultados desconcertantes. Al final he llegado a la conclusión de que está limitado el numero de nodos de la red, no sé si en la versión de evaluación que me descargado o si el problema también existe en la versión de pago. Al menos he acotado el problema y he podido ver como funciona.
Por razones de extensión en este post se explicará como visualizar con la versión liberada de TouchGraph y dejaré para un segunda parte cómo usar TouchGraph Navigator y no morir en el intento.
Pulsando en la siguiente figura se accederá a la visualización de la propagación del meme de Enjut@ Mojamut@. Pido disculpas, pero solo funciona en Firefox.
Ayuda a la navegación:
Situación inicial:
- Aparecen todos los nombres de los blogs agrupados. Situar el ratón encina de los nombres hasta que aparezca la palabra inicio.
- Pulsar con el botón derecho del ratón y en el menú asociado seleccionar “Expand node”
- Se desplegará la visualización.
Navegación:
- Barra superior: Controla el zoom. Hacia la derecha aumenta y hacia la izquierda disminuye
- Barra inferior: Controla el scroll
- Cursor sobre el nodo: Aparece información sobre el blog
- Botón derecho del ratón: Permite, expandir, comprimir o seleccionar el nodo
- Botón izquierdo del ratón: Enlaza al blog seleccionado en ese momento.
Información de los nodos:
- Color: Los nodos morados son de blogueras y los rojos son de Blogueros
- Formas: El rectángulo con esquinas redondeadas representa a los blogs que han propagado el meme y el rectángulo a los blogs que no lo han propagado.
- Tamaño de letra: Las letras de tamaño grande corresponden a los blogs que han propagado indirectamente más de 10 memes, las letras más pequeñas a los que no han propagado ningún meme y las letras de tamaño mediano al resto.
- Número asociado: indica que el nodo está comprimido y que se puede expandir en n conexiones
¿Cómo lo he hecho?
Como ya es costumbre, para poder mostrar que la visualización no es algo complejo se utilizará el mismo método de explicación que en las herramientas GraphViz y Pajek. mediante un procedimiento en tres pasos:
Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.
Transformar datos a formato .xml: Se aplica un filtro awk al fichero de texto separado por tabulaciones y se genera un fichero en formato xml.
Generar el gráfico: Se procesa el fichero .xml con el programa TouchGraph
- Filtro awk: memes_precedencias_touchgraph.awk
- fichero xml generado: precedencias.xml
- Comando para generar el fichero .xml
Entorno de ejecución local:
- Es necesario bajarse el awk para Windows, tener instalada la maquina java y descargarse Touchgraph libeado.
Entorno de ejecución en servidor con java:
- Subir a un directorio: BrowserLauncher.jar, nanoxml-2.1.1.jar, TGGraphLayout.jar, TGLinkBrowser.jar, el fichero html para lanzar la visualización y el fichero xml.
Matriz geodésica con Pajek
Publicado el 21-Agosto-2008
Como comentaba en el post anterior, Pajek es más que un visualizador de grafos, es un programa de análisis de redes que nos permite descubrir características de los nodos de la red.
Una de las funcionalidades que ofrece Pajek es el cálculo de la matriz geodésica. Esta matriz contiene todos los posibles caminos de distancia geodésica entre los nodos de la red. La distancia geodésica es “el número mínimo de pasos de un nodo a otro“.
La figura que encabeza este post (pulsando en la imagen se puede ver a tamaño real), visualiza la matriz geodésica que nos muestra la conectividad total entre todos los nodos y nos permite apreciar visualmente los nodos que más han favorecido la propagación de El meme de Enjut@ Mojamut@: Seccion Femenina, Colgado de las telecomunicaciones, Consultoria artesana en red, Carlos Garcia Argos , El albañil de Software, BarriBlog, El bloc de Carmen Pla, Opcion Web, Gamoia,
Pisito en Madrid, Diario de una profesional con niños, Tiscar.com, Freak s city, Hecho en Marbella y Eduardo Collado.
Alguno de los que han participado en este meme los estoy siguiendo en Twitter, como @tiscar, @fernand0,@carmepla, @petezin,@chiqui, @amfumero, @davidbs, @julen, @pisitoenmadrid,@ecollado,@ebrito, @emper, @labambola.
Es pequeñito el barrio y coincidimos en muchos sitios.
bajo la categoría Visualizaciones, Entorno de desarrolloVisualizando con Pajek el meme de Enjut@ Mojamut@
Publicado el 15-Agosto-2008
Este post documenta el uso de la herramienta Pajek para visualizar la propagación del meme de Enjut@ Mojamut@, por tanto continua a la saga: Exprimiendo el meme de Enjut@ Mojamut@, Juntos pero no revueltos y Visualizando con GraphViz el meme de Enjut@ Mojamut@.
El proyecto Pajek, traducción del slovenio ‘Araña’, fue creado en 1996 por Vladimir Batagelj y Andrej Mrvar de la Universidad de Ljubljana, Slovenia. El Software de Pajek funciona bajo la plataforma de Windows y es de libre distribución para uso no comerciales. Es una herramienta muy completa para los que estudian redes complejas, entre ellas las sociales. En este manual se describen todas sus posibilidades. Entre sus funciones está la de visualizar grafos, cuyas posibilidades se explicarán a lo largo de este post.
Pajek trabaja con un formato de entrada .net. No tiene definida la gramática formal, pero se se ajusta a esta notación BNF.
Para poder mostrar que la visualización no es algo complejo se utilizará el mismo método de explicación que en la herramienta GraphViz. mediante un procedimiento en tres pasos:
Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.
Transformar datos a formato .net: Se aplica un filtro awk al fichero de texto separado por tabulaciones y se genera un fichero en formato net.
Generar el gráfico: Se procesa el fichero .net con el programa Pajek
Al pulsar en las imágenes aparecerán en su tamaño real.
|
Circular |
||
|
|
|
|
Se han realizado tres visualizaciones en 2D, cada una con un layout distinto. El filtro awk aplicado y el fichero .net generado es el mismo para las los tres layouts:
- Filtro awk: memes_precedencias_pajek.awk
- fichero net generado: precedencias.net
- Comando para generar el fichero .net
Entorno de ejecución es Windows
| Es necesario bajarse el awk para Windows y el Pajek |
Pajek permite generar grafos en dos o tres dimensiones con distintos layouts y exportar a distintos formatos.
|
Layout |
|
Cicurlar
Layout generado automáticamente.
EigenValues Dibuja usando eigenvalues/eigenvectors (algoritmo de Lanczos). |
|
|
Formatos de salida |
|
| Imágenes en 2D | Imágenes en 3D
|
Visualizando con Graphviz el meme de Enjut@ Mojamut@
Publicado el 9-Julio-2008
Este post es la continuación de la entrada “Juntos pero no revueltos” y aquí se publicarán algunas visualizaciones estáticas del meme de Enjut@ Mojamut@ y el proceso que he seguido para obtenerlas. El objetivo es mostrar que visualizar está al alcance de todos los que quieran ponerse a ello.
El pasado mes de marzo en un post titulado “Graphviz” se describió esta herramienta ilustrándola con varios ejemplos de visualización realizados por Gustavo Romero, estudiante de Telecomunicaciones en la Universidad Carlos III. Basándome en su experiencia (tuvo la amabilidad de pasarme sus fuentes) la he aplicado al meme de Enjut@ Mojamu@ haciendo algunos cambios en el tipo de herramienta de filtrado de datos. A continuación se describe el procedimiento en tres pasos:
Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.
Transformar datos a formato dot: Se aplica un filtro awk al fichero de texto separado por tabulaciones y se genera un fichero en formato dot.
Generar el gráfico: Se procesa el fichero dot con el programa Graphviz.
Se han realizado tres visualizaciones que se presentan a continuación indicando el filtro awk aplicado, el fichero dot generado y el tipo de visualización elegida. En el post de Graphviz se explican los tipos de visualización de esta herramienta.
Al pulsar en las imágenes aparecerán en su tamaño real.
|
|
Grafo libre: Esta visualización corresponde al dibujo de la propagación del meme sin ninguna restricción.
|
 |
Grafo por nivel de propagación: esta visualización corresponde al dibujo de la propagación del meme en la que se ha forzado a que los nodos se sitúen en su nivel de propagación.
|
 |
Grafo por tiempo de propagación: esta visualización corresponde al dibujo de la propagación del meme en la que se ha forzado a que los nodos se sitúen en su día publicación.
|
Entornos de ejecución
| Linux | Utilizar el comando awk y bajarse el ejecutable para Graphviz para linux. |
| Windows | Bajarse el awk para Windows y el Graphviz para Windows |
Conferencia en la Universidad de San Jorge
Publicado el 3-Junio-2008
| View | Upload your own
Gracias al AVE se pueden hacer cosas impensables hace algunos años, por ejemplo, trabajar por la mañana en Madrid, pasar la tarde en Huesca y regresar a tiempo a Madrid para ver los episodios de CSI. Ayer tuve el placer de desplazarme al Parque Tecnológico de Walqa donde está ubicada la Escuela de Ingeniería Informática de la Universidad de San Jorge para impartir una conferencia sobre “Relaciones virtuales entre blogs“. Me invitó a dar la charla Juan Carlos Cancelo, Director de la Escuela de Ingenieros Informáticos y antiguo compañero de trabajo en Telefónica I+D. Aprovecho la ocasión para darle las gracias por permitirme compartir mi entusiasmo por la blogosfera con los estudiantes de su Escuela.
Incluí en la presentación alguno de los datos del Informe de “El meme de Enjut@ Mojamut@” en el que participé hace unos meses por medio de una invitación de Muxfin y que me ha resultado muy útil para cuantificar algunos aspectos de la “vida digital”.
Pasé una tarde estupenda en un lugar donde se respira tranquilidad y que tiene el encanto de las iniciativas que empiezan a germinar. El Parque Tecnológico de Walqa es una apuesta loable por la innovación del Gobierno de Aragón.
bajo la categoría CharlasLa primera maqueta
Publicado el 19-Enero-2008
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:
- 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.
- 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!!
¡Uff, qué susto!
Publicado el 16-Agosto-2007
Me llega vía mi ángel de la guarda Muxfin la URL de walk2web, una idea similar a BarriBlog para descubrir partiendo de un blog sus relaciones más cercanas.
walk2web ofrece una interfaz estupenda y una navegación flash muy intuitiva. A pesar de mi fascinación por las visualizaciones mi primera impresión ha sido de espanto: ¡Dios mío, mi idea la está hecha y funcionando!
Me he puesto a navegar por la herramienta y he descubierto algunas diferencias con BarriBlog que me han devuelto la calma. Dicen que las comparaciones son odiosas, pero en este caso creo que es necesaria.
| Walk2Web | BarriBlog |
| Parte de un blog raíz para buscar las relaciones entre los blogs de su entorno | Parte de un blog raíz para buscar las relaciones entre los blogs de su entorno |
| Analiza el código html de la home del blog | Analiza el código html de la home del blog y de todos los enlaces del archivo del blog |
| Extrae todos los enlaces salientes de la home del blog sin tener en cuenta el contexto. No distingue si están en el post o en la barra lateral, | Extrae todos los enlaces salientes de la home del blog teniendo en cuenta el contexto. Distingue si están en la barra lateral o en el post y aplica distinto tratamiento a la relación. |
| Establece relaciones entre blogs hacia adelante. En el ejemplo del gráfico se puede observar que cuando se selecciona Tíscar.com, muestra que enlaza a Adolfo Estalella, pero no indica que esta relación es bidireccional. | Establece relaciones entre blogs hacia adelante y hacia atrás. En la visualización (cuando esté hecha) se distinguirá la dirección de las relaciones así como en su fortaleza. |
| No Extrae información de tags ni de comentarios | Extrae información de tags y de comentarios |
| No ofrece ninguna interfaz para aplicaciones | Ofrecerá una interfaz XML un API de acceso los datos almacenados |
Recomiendo la experiencia de navegar por walk2web que ofrece también un toolbar para Explorer y FireFox y un button personalizado para el blog.
Este es el button de Barriblog 
que he colocado en la barra lateral, junto a la visualización de Mi del.icio.us
Comentarios
-
Sucripciones
Yo digital
-
Acerca de este blog
Esta es la bitácora de M. Luz Congosto que he creado para recoger los avatares de esa aventura que se llama Doctorado. Soy una tesista en la Universidad Carlos III, intentando realizar una herramienta para descubrir barrios de blogs.
