1. 1M. Luz Congosto
II Curso Ciencia de Redes
25-11-2010
Visualizando en REDES

2. 2M. Luz Congosto
Visualizando en REDES
Algunas definiciones textuales...
Hacer visible, especialmente a nuestra mente (aquello que no es visible a
nuestros ojos).. Crear una imagen mental de algo (aquello que no se ve a
simple vista, una abstracción) Owen, G.S., 1999
A mapping between discrete data and a visual representation
..
Information visualization (InfoVis) is the communication of abstract
data through the use of interactive visual interfaces. Lev Manovich 2010 (
blog)

3. 3M. Luz Congosto
Visualizando en REDES
Una definición visual...
http://blog.ffctn.com/what-is-data-visualization

4. 4M. Luz Congosto
Visualizando en REDES
Usamos diagramas estáticos para datos numéricos…

5. 5M. Luz Congosto
Visualizando en REDES
No todo son números ni relaciones…
redes sociales

6. 6M. Luz Congosto
Visualizando en REDES
La información fluye muy rápido…
redes sociales

7. 7M. Luz Congosto
Visualizando en REDES
Los datos son ingentes y cambiantes…
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
redes sociales

8. 8M. Luz Congosto
Visualizando en REDES
redes sociales
¿Para qué sirve la visualización?

9. 9M. Luz Congosto
Visualizando en REDES
Depurar, verificar y contrastar datos
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
¿Para qué?

10. 10M. Luz Congosto
Visualizando en REDES
Crear nuevas preguntas
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
¿Para qué?

11. 11M. Luz Congosto
Visualizando en REDES
Estructurar los datos para sean navegables
¿Para qué?

12. 12M. Luz Congosto
Visualizando en REDES
Para divulgar los experimentos
¿Para qué?

13. 13M. Luz Congosto
Visualizando en REDES
¿Cómo se puede visualizar?

14. 14M. Luz Congosto
1
DATOS
3
VISUALIZAR
2
FILTRAR
El proceso….
¿Cómo?
Visualizando en REDES

15. 15M. Luz Congosto
1. Fuentes de datos
¿Cómo?
Visualizando en REDES

16. 16M. Luz Congosto
2. Filtrar separando el trigo de paja
Fuentes
de
datos
spam
Datos
Irrelevantes
Datos
visualizables
Visualizando en REDES
Datos privados
¿Cómo?

17. 17M. Luz Congosto
Día 1
3. Visualizar según los datos
Texto
Números
Jerarquía
Relaciones
Localización
Visualizando en REDES
¿Cómo?

18. 18M. Luz Congosto
3. Visualizar texto: word cloud
http://www.wordle.net/
Visualizando en REDES
¿Cómo?

19. 19M. Luz Congosto
3. Visualizar números: bubble chart
http://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/tweets-por-autor-del-hashtag-manif
Visualizando en REDES
¿Cómo?

20. 20M. Luz Congosto
3. Visualizar números: motion Chart
http://www.barriblog.com/index.php/2010/11/01/taller-de-visualizacion-javascript/
Visualizando en REDES
¿Cómo?

21. 21M. Luz Congosto
3. Visualizar números: Stacked charts
http://www.babynamewizard.com/voyager#
Visualizando en REDES
¿Cómo?

22. 22M. Luz Congosto
3. Visualizar números: Streaming graph
http://www.neoformix.com/Projects/TwitterStreamGraphs/view.php
Visualizando en REDES
¿Cómo?

23. 23M. Luz Congosto
3. Visualizar jerarquía: tree map
http://www.barriblog.com/index.php/2010/11/01/taller-de-visualizacion-javascript/
Visualizando en REDES
¿Cómo?

24. 24M. Luz Congosto
3. Visualizar relaciones: Arc diagrams
http://vis.stanford.edu/protovis/ex/arc.html
Visualizando en REDES
¿Cómo?

25. 25M. Luz Congosto
3. Visualizar relaciones: Grafos
http://gephi.org/features/
Visualizando en REDES
¿Cómo?

26. 26M. Luz Congosto
3. Visualizar relaciones: wheels
http://www.facebook.com/apps/application.php?id=2415325843/
Visualizando en REDES
¿Cómo?

27. 27M. Luz Congosto
3. Visualizar localización: Geo maps
http://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/geomap.html
Visualizando en REDES
¿Cómo?

28. 28M. Luz Congosto
3. Visualizar localización: maps
http://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/map.html
Visualizando en REDES
¿Cómo?

29. 29M. Luz Congosto
Michael VanDaniker: Navegadores
http://www.michaelvandaniker.com/labs/browserVisualization/
Visualizando en REDES
¿Cómo?

30. 30M. Luz Congosto
Visualizando en REDES
Tecnologías de visualización

31. 31M. Luz Congosto
Tecnologías
Diseñadores- programadores – investigadores - principiantes
Visualizando en REDES

32. 32M. Luz Congosto
Aplicaciones uso de general
$
Many eyes
Visualizando en REDES
Tecnologías-principiantes
Más información: Taller manyeyes

33. 33M. Luz Congosto
Análisis Redes
Visualización
Aplicaciones de visualización de redes y R
Visualizando en REDES
Tecnologías-redes

34. 34M. Luz Congosto
Graphviz
neato
dot
twopi
circo
fdp
Layouts
Formato DOT
gif
jpg
png
svg
vml
ps
…
Visualizando en REDES
Tecnologías-redes
Más información: Taller Graphviz

35. 35M. Luz Congosto
Ejemplo: Meme Enjut@ Mojamut@
http://www.barriblog.com/index.php/2008/07/03/juntos-pero-no-revueltos/
Visualizando en REDES
Tecnologías-redes

36. 36M. Luz Congosto
Pajeck
Layouts
Formato NET
Bmp
EPS/PS
SVG
VML
X3D
VRML
Circular
Kamada-Kawai
Fruchterman-Reingold
Visualizando en REDES
Tecnologías-redes
Más información: Taller Pajeck

37. 37M. Luz Congosto
Ejemplo: Propagación de TijerasNO
http://www.barriblog.com/wiki/index.php/Resultados_tijeras_No/
Visualizando en REDES
Tecnologías-redes

38. 38M. Luz Congosto
Ejemplo: Red de metro de Madrid
http://blog.vectart.com/2010/10/29/una-nueva-forma-de-ver-el-metro-de-madrid/
Visualizando en REDES
Tecnologías-redes

39. 39M. Luz Congosto
Gephi
 GEXF
 GDF
 GML
 GraphML
 Pajek NET
 GraphViz DOT
 CSV
 UCINET DL
 Tulip TPL
 XGMML
Layouts
SVG
PDF
Multi level
Force based
Formato Gephi
Más información: Taller Gephi
Visualizando en REDES
Tecnologías-redes

40. 40M. Luz Congosto
Ejemplo: Propagación de TijerasNO
http://www.barriblog.com/index.php/2010/01/17/propagacion-de-tijerasno-parte-i//
Visualizando en REDES
Tecnologías-redes

41. 41M. Luz Congosto
Touchgraph
Excel
CSV
Tsv
Multi CSV
MySqo
Nav DB API
Vna
GDF
Pajek
Layouts
Png
jpg
Force based
Visualizando en REDES
Tecnologías-redes

42. 42M. Luz Congosto
Ejemplo: Aplicación en facebook
http://www.touchgraph.com/TGFacebookBrowser.html
Visualizando en REDES
Tecnologías-redes

43. 43M. Luz Congosto
API’s-tool kits JavaScript/Java
JavaScript
API de
google
Visualizando en REDES
Tecnologías-JavaScript-Java
Más información: Taller API-Google, Protovis,Prefuse

44. 44M. Luz Congosto
Ejemplo API Google: Time line
Visualizando en REDES
Tecnologías-JavaScript-Java

45. 45M. Luz Congosto
Ejemplo Protovis : Bubble chart
Visualizando en REDES
Tecnologías-JavaScript-Java

46. 46M. Luz Congosto
Ejemplo Prefuse: Treemap
Visualizando en REDES
Tecnologías-JavaScript-Java

47. 47M. Luz Congosto
Processing /API’s ActionScript- MXML
$
Visualizando en REDES
Tecnologías-JavaScript-Java

48. 48M. Luz Congosto
Ejemplo Flare: Memetracker
Visualizando en REDES
Tecnologías-JavaScript-Java
Most mentioned phrases during the 2008 U.S. presidential campaig
http://memetracker.org/

49. 49M. Luz Congosto
Ejemplo Axiis: Jugadores/ día
Visualizando en REDES
Tecnologías-Flash

50. 50M. Luz Congosto
Ejemplo Axiis: Jugadores/ día
Visualizando en REDES
Tecnologías-Flash

51. 51M. Luz Congosto
Conclusiones…
 Hay tecnología que facilita realizar visualizaciones
reutilizando código o usando API o librerías
Las aplicaciones de análisis de redes son cada vez más
completas, ofrecen APIs y crean comunidad en torno a ellas
Es necesario que se innove en nuevos layouts
Tal vez sea necesario el perfil profesional de Ingeniero-
Diseñador para desarrollar el campo de la visualización
Visualizando en REDES

52. 52M. Luz Congosto
Muchas gracias por vuestra atención
M. Luz Congosto
Contacto:
http://twitter.com/congosto
Blog
http://www.linkedin.com/in/congosto
Visualizando en REDES