Taller de Visualizar en la Camon, días 2 y 3, tema "Visualizar Redes"

1. Un paseo por la Visualización en siete días R E D E S

2. Día 2 Un paseo por la Visualización en 7 días I N D I C E ¿Qué son las redes? Graphviz Pajek Gephi Touchgraph Visualización Redes Java / javascript Flash

3. Día 2 ¿Qué son las redes? Visualizar Un mundo pequeño: 6 grados de separación http://www.facebook.com/group.php?gid=18788870878 2.562.359 personas Experimento 1930 Propuesta teórica por el escritor húngaro Frigyes Karinthy en un cuento llamado Chains En 1967 , el psicólogo estadounidense Francisco Talarga ideó una nueva manera de probar la teoría, con el experimento " el problema del pequeño mundo "

7. Día 2 ¿Qué son las redes? Visualizar Formatos: CSV Nodos Enlaces

8. Día 2 ¿Qué son las redes? Visualizar Formatos CSV 2 …. awk Dot NET GEFX ¡Qué no cunda el pánico!

9. Día 3 Visualizar Relación análisis redes vs. Visualización Redes Análisis Redes Visualización

10. Día 3 Visualizar Formatos de entrada Potencia vs. Facilidad Redes Potencia Facilidad

11. Día 3 Visualizar Interfaz Usuario: Potencia vs. Facilidad Redes Potencia Facilidad

12. Día 2 Un paseo por la Visualización en 7 días I N D I C E ¿Qué son las redes? Graphviz Pajek Gephi Touchgraph Visualización Redes Java / javascript Flash

13. Día 2 Visualizar Herramienta de visualización de grafos Graphviz AT&T Research open source Aplicación & API

14. Día 2 Visualizar Características Graphviz neato dot twopi circo fdp Layouts Formato DOT gif jpg png svg vml ps …

15. Día 2 Visualizar Formato DOT Graphviz Nodos Atributos 1 Arcos 2 3 9 7 1->3 2->7 7->9 Label Sharpe Font Fontsize Color FontColor

16. digraph turkey2010 { node [shape=plaintext]; edge [color=Grey]; ranksep="1.0 equally" nodesep="1.0 equally" 1 [label="@FIBAWorld"]; 1 [fontcolor=Red]; 2 [label="@NBA"]; 2 [fontcolor=Red]; 4 [label="@justinbieber"]; 4 [fontcolor=Red]; ……… " 1" -> "1" "1" -> "2" "1" -> "5" "1" -> "8" "1" -> "14" "1" -> "16" "1" -> "21" "2" -> "1" ………… Día 2 Visualizar Ejemplo de formato DOT Graphviz Diagrama Atributos Nodos Arcos

17. Graphviz Día 2 Visualizar Visualización: Formas del nodo

18. Graphviz Día 2 Visualizar Visualización: Colores X11

20. Día 2 Visualizar Ejemplo: Curriculums visuales Graphviz Atributos http://www.barriblog.com/index.php/2010/03/05/c-v-visuales/

21. Día 2 Visualizar Ejemplo: Relaciones periodistas blogeros Graphviz Atributos http://www.barriblog.com/index.php/2008/03/02/graphviz/ Layout twopi

22. Día 2 Visualizar Ejemplo: Meme Enjut@ Mojamut@ Graphviz Atributos http://www.barriblog.com/index.php/2008/07/09/visualizando-con-graphviz/ Layout fdp

23. Día 2 Visualizar Ejemplo: Meme Enjut@ Mojamut@ Graphviz Atributos http://www.barriblog.com/index.php/2008/07/03/juntos-pero-no-revueltos/

25. Día 2 Un paseo por la Visualización en 7 días I N D I C E ¿Qué son las redes? Graphviz Pajek Gephi Touchgraph Visualización Redes Java / javascript Flash

27. Día 2 Visualizar Características Layouts Formato NET Bmp EPS/PS SVG VML X3D VRML Circular Kamada-Kawai Fruchterman-Reingold Pajek

28. Día 2 Visualizar Formato NET Nodos Atributos 1 Arcos (con peso) 2 3 9 7 1 3 4 2 7 2 7 9 1 Label Sharpe Font Fontsize Color FontColor Pajek

29. Día 2 Visualizar Colores: SGV o EPS/PS Colores SGV Pajek

30. Día 2 Visualizar Ejemplo de formato NET Arcos *Vertices 99 1 "@FIBAWorld" ellipse x_fact 2 y_fact 2 ic Red bc Black lc Red fos 16 font Verdana [ 1-* ] 2 "@NBA" ellipse x_fact 2 y_fact 2 ic Red bc Black lc Red fos 16 font Verdana [ 2-* ] 4 "@justinbieber" ellipse x_fact 2 y_fact 2 ic Red bc Black lc Red fos 16 font Verdana [ 4-* ] …… . * Arcs 1 1 1 c Gray [ 2-* ] 1 2 1 c Gray [ 2-* ] 1 5 1 c Gray [ 15-* ] 1 8 1 c Gray [ 3-* ] Nodos Timestamp Número de vértices Pajek

32. Día 2 Visualizar Ejemplo: Propagación de TijerasNO Atributos http://www.barriblog.com/index.php/2010/02/07/propagacion-de-tijerasno-parte-ii/ Pajek

33. Día 2 Visualizar Imágenes en 3D: VRML Pajek

35. Día 2 Un paseo por la Visualización en 7 días I N D I C E ¿Qué son las redes? Graphviz Pajek Gephi Touchgraph Visualización Redes Java / javascript Flash

36. Día 3 Visualizar Herramienta de análisis/visualización Gephi #madewithgephi

38. Día 3 Visualizar <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <gexf xmlns= &quot;http://www.gexf.net/1.1draft&quot; version= &quot;1.1&quot; > <meta lastmodifieddate= &quot;2009-03-20&quot; > <creator> Gexf.net </creator> <description> A hello world! file </description> </meta> <graph mode= &quot;static&quot; defaultedgetype= &quot;directed&quot; > <nodes> <node id= &quot;0&quot; label= &quot;Hello&quot; /> <node id= &quot;1&quot; label= &quot;Word&quot; /> </nodes> <edges> <edge id= &quot;0&quot; source= &quot;0&quot; target= &quot;1&quot; /> </edges> </graph> </gexf> Gephi Ejemplo de formato GEXF

39. Día 3 Visualizar Características Gephi Interfaz intuitiva Múltiples formatos de entrada Customizable por plugins Muy buena documentación En evolución constante Tiene detrás una comunidad

40. Día 3 Visualizar Gephi Características: Interfaz de usuario

41. Día 3 Visualizar Funcionalidad: Interactividad Análisis dinámico Agrupar nodos Conexiones de los nodos Gephi

42. Día 3 Visualizar Funcionalidad: Particiones y Ranking Gephi Ranking Particiones

43. Día 3 Visualizar Funcionalidad: Filtros Gephi Crear filtros mediante queries Crear nuevas redes mediante filtros Salvar queries

44. Día 3 Visualizar Funcionalidad: Estadísticas Gephi Betweenness, Closeness, Diameter, Clustering Coefficient, Average shortest path, PageRank, HITS Community detection (Modularity)

46. Día 3 Visualizar Ejemplo: Propagación de TijerasNO Atributos http://www.barriblog.com/index.php/2010/02/07/propagacion-de-tijerasno-parte-ii/ Gephi Gephi versión 0.5

47. Día 3 Visualizar Ejemplo: Características GEPHI V 0.7 Atributos http://vimeo.com/9726202 Gephi

49. Día 3 Un paseo por la Visualización en 7 días I N D I C E ¿Qué son las redes? Graphviz Pajek Gephi Touchgraph Visualización Redes Java / javascript Flash

50. Día 3 Visualizar Herramienta de visualización Touchgraph http://www.touchgraph.com/navigator.html

51. Día 3 Visualizar Origen: Touchgraph (Free) Touchgraph http://sourceforge.net/projects/touchgraph/

52. Día 3 Visualizar Características Excel CSV Tsv Multi CSV MySqo Nav DB API Vna GDF Pajek Layouts Png jpg Force based Touchgraph

53. Día 3 Visualizar Características Interfaz intuitiva Múltiples formatos de entrada Muy fácil de usar, tanto para importar datos como para visualizar Se pueden asociar imágenes a los nodos y representa las propiedades mediante un halo semitransparente Sirve para grafos grandes y ayuda al descubrimiento de comunidades Touchgraph

54. Día 3 Visualizar Características: Interfaz gráfica Touchgraph

55. Día 3 Visualizar Ejemplo de Touchgraph (free): Enjut@ Touchgraph http:// www.barriblog.com/index.php/2008/09/09/visualizando-con-touchgraph-free/

56. Día 3 Visualizar Ejemplo de Touchgraph: Enjut@ Touchgraph http://www.barriblog.com/index.php/2008/09/22/como-usar-touchgraph-navigator-y-no-morir-en-el-intento /

57. Día 3 Visualizar Ejemplos: Aplicación en facebook Touchgraph http://www.touchgraph.com/TGFacebookBrowser.html

59. Día 1 Visualizar Muchas gracias por vuestra atención M. Luz Congosto Contacto: http://twitter.com/congosto Blog http://www.linkedin.com/in/congosto