Your SlideShare is downloading. ×
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Camon visualizar-Redes
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Camon visualizar-Redes

4,205

Published on

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

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

Published in: Technology, Art & Photos
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,205
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
88
Comments
0
Likes
9
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 "
  • 4. Día 2 ¿Qué son las redes? Visualizar Redes “scale free”
    • Las conexiones siguen una distribución Power-law, unos pocos nodos tienen la mayoría de los enlaces (80-20 Pareto)
    • Preferential attachment : Los nodos que tienen más conexiones tienden a incrementarlas a más velocidad que los que tienen menos
  • 5. Día 2 ¿Qué son las redes? Visualizar Terminología ….
    • Centralidad
      • Grado
      • Closeness
      • Betweeness
    Bridge Grafo Nodo Enlace
  • 6. Día 2 ¿Qué son las redes? Visualizar Formatos ¡Oh! NOOOOOOooooo
      • Nodos -> Id, nombre, propiedades,…
      • Enlaces -> Relaciones entre nodos,
      • peso de la relación
      • ¿En qué formato?
  • 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
  • 19. Día 2 Visualizar Consejos Graphviz Atributos
    • Elegir el layout adecuado a cada red
    • Ajustar el tamaño con los parámetros de distancia entre nodos ranksep (horizontal) y nodesep (vertical) (solo aplican a los layouts twopi y dot )
    • Si se usa el parámetro size , hay que tener cuidado con que sea coherente con los otros parámetros
  • 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/
  • 24. Día 2 Visualizar Práctica: Menciones en Turkey2010 Graphviz http://code.google.com/p/camon/wiki/Taller_graphviz
    • Data set:
      • Nodos: Red formada por los 50 usuarios de más referenciados y los 50 más activos en el Turkey2010
      • Fichero DOT:
    • Layouts:
      • dot
      • neato
      • fdp
      • twopi
      • circo
  • 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
  • 26. Día 2 Visualizar Herramienta de análisis/visualización Pajek
    • Es un programa para visualizar y analizar grandes redes.
    • Fue desarrollafo por Vladimir Batagelj (matématico) y Andrej Mrvar (sociólogo).
    • Se empezó a desarrollar en noviembre 1996 y se implementó en Delphi (Pascal).
    • Tiene una documentación extensa y un libro titulado Exploratory Social Network Analysis with Pajek (Structural Analysis in the Social Sciences
    • Funciona sobre plataformas Windows y es muy usado dentro del entorno de análisis de redes sociales.
    Pajek significa araña en esloveno
  • 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
  • 31. Día 2 Visualizar Consejos Atributos
    • Elegir el layout adecuado a cada red
    • Ajustar los colores al formato al que se va a exportar.
    • Utilizar alguna herramienta de dibujo como InkScape
    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
  • 34. Día 2 Visualizar Práctica: Menciones en Turkey2010 Pajek http://code.google.com/p/camon/wiki/Taller_pajek
    • Data set:
      • Nodos: Red formada por los 50 usuarios de más referenciados y los 50 más activos en el Turkey2010
      • Fichero DOT:
    • Layouts:
      • Circular
      • Energy Kamada-Kawai es un layout spring model que busca la mínima energía entre nodos.
      • Energy Fruchterman-Reingold
  • 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
  • 37. Día 3 Visualizar Características Gephi
    • GEXF
    • GDF
    • GML
    • GraphML
    • Pajek NET
    • GraphViz DOT
    • CSV
    • UCINET DL
    • Tulip TPL
    • XGMML
    Layouts SVG PDF Multi level Force based Formato Gephi
  • 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)
  • 45. Día 2 Visualizar Consejos Atributos
    • Gephi no tiene “undo” , ir consolidando el trabajo en versiones parciales
    • Es una versión beta, puede fallar. Si hace cosas raras: aplicar método informático: salir y volver a entrar
    • Elegir el layout adecuado a cada red y ajustar parámetros
    • Tiene muchísimas posibilidades, intentar sacarle partido
    Gephi
  • 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
  • 48. Día 2 Visualizar Práctica: Menciones en Turkey2010 Gephi http://code.google.com/p/camon/wiki/Taller_gephi
    • Data set:
      • Nodos: Dado que el tamaño de la red podría ser demasiado grande para la práctica se han seleccionado los nodos que han tenido más de 5 menciones . En este data set hay tres grupos de usuarios: Los más mencionados , los más activos y los usuarios normales .
  • 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
  • 58. Día 3 Visualizar Práctica: Menciones en Turkey2010 http://code.google.com/p/camon/wiki/Taller_touchgraph
    • Data set:
      • Nodos: Dado que el tamaño de la red podría ser demasiado grande para la práctica se han seleccionado los nodos que han tenido más de 5 menciones . En este data set hay tres grupos de usuarios: Los más mencionados , los más activos y los usuarios normales .
    Touchgraph
  • 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

×