Como usar TouchGraph Navigator y no morir en el intento
Publicado por M.Luz Congosto el 22-Septiembre-2008
Como comentaba en el post anterior llevo varias semanas lidiando con TouchGraph Navigator, la versión de pago de Google. Me ha recordado a los programas de Microsoft que son de pago, pero funcionan mal. Esta herramienta se ajusta al estilo minimalista de Google, por ese motivo los mensajes de error son tan transparentes que no se ven. Esta estética no favorece nada a la depuración y hace perder mucho tiempo.
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 Navigator

El resultado obtenido con TouchGraph se puede observar en estas tres imágenes estáticas. Corresponde a la agrupación de los blogs que han participado en el meme de Enjut@ Mojamut@ según: género, fecha de la participación y grado de influencia en la propagación. No ha sido posible publicar los resultados de una forma interactiva por razones que se explican más adelante.
Al pulsar en las imágenes aparecerán en su tamaño real.
Entorno de ejecución:
| Local | Es necesario bajarse el awk para Windows, tener instalada la maquina java y descargarse TouchGraph Navigator |
| Servidor | No apto para una doctoranda sin recursos. |
TouchGraph Navigator aporta las siguientes mejoras sobre la versión liberada:
- Permite capturar los datos desde una hoja de cálculo Excel además de la opción del fichero XML. Esto facilita la captura de datos desde herramientas ofimáticas y no precisa una transformación de los datos a un formato XML.
- Amplía las posibilidades de visualización y mejora la estética.
Cuando empecé a utilizar la herramienta me pareció sencilla hasta que intenté visualizar “El meme de enjut@ Mojamut@”. Me llevó una semana descubrir que el tamaño si importa. Para que me funcionara tuve que acortar el número de nodos a 135 (elegí los blogs con una fecha más temprana de publicación del meme). Además, la interfaz Excel producía resultados erróneos aunque afortunadamente la entrada de datos por xml mostró mejor comportamiento.
El segundo tropiezo fue cuando intenté publicar en la web los resultados. Me devolvía el error de que no tenía licencia y me invitaba a pasar por caja. Por este motivo los resultados mostrados de la evaluación de la herramienta son estáticos en vez de dinámicos, como a mi me habría gustado. Por supuesto en la página de descarga de la versión de evaluación no se indicaba las limitaciones de la herramienta en cuanto al tamaño del grafo ni las condiciones para la publicación de los resultados en la Web. Solo me queda pedir una licencia como betatester a los de TouchGraph Navigator para poner a prueba su sensibilidad con los tesistas.
Archivado en Entorno de desarrollo, Visualizaciones | dejar un comentario
Visualizando con TouchGraph free
Publicado por M.Luz Congosto 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.
Archivado en Entorno de desarrollo, Visualizaciones | 6 Commentarios







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, descubriendo barrios de blogs 

