SlideShare una empresa de Scribd logo
Un paseo por la Visualización en siete días  R E D E S
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
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 "
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
Día 2 ¿Qué son las redes? Visualizar Terminología …. Centralidad Grado Closeness Betweeness Bridge Grafo Nodo Enlace
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?
Día 2 ¿Qué son las redes? Visualizar Formatos: CSV  Nodos Enlaces
Día 2 ¿Qué son las redes? Visualizar Formatos  CSV 2 …. awk Dot NET GEFX ¡Qué no cunda el pánico!
Día 3 Visualizar Relación análisis redes vs. Visualización  Redes Análisis Redes Visualización
Día 3 Visualizar Formatos de entrada Potencia vs. Facilidad  Redes Potencia Facilidad
Día 3 Visualizar Interfaz Usuario: Potencia vs. Facilidad  Redes Potencia Facilidad
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
Día 2 Visualizar Herramienta de visualización de grafos Graphviz AT&T Research  open source  Aplicación & API
Día 2 Visualizar Características Graphviz neato dot twopi circo fdp Layouts Formato DOT gif jpg png svg vml ps …
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
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
Graphviz Día 2 Visualizar Visualización: Formas del nodo
Graphviz Día 2 Visualizar Visualización: Colores X11
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
Día 2 Visualizar Ejemplo: Curriculums visuales Graphviz Atributos http://www.barriblog.com/index.php/2010/03/05/c-v-visuales/
Día 2 Visualizar Ejemplo: Relaciones periodistas blogeros  Graphviz Atributos http://www.barriblog.com/index.php/2008/03/02/graphviz/ Layout  twopi
Día 2 Visualizar Ejemplo: Meme Enjut@ Mojamut@  Graphviz Atributos http://www.barriblog.com/index.php/2008/07/09/visualizando-con-graphviz/ Layout  fdp
Día 2 Visualizar Ejemplo: Meme Enjut@ Mojamut@  Graphviz Atributos http://www.barriblog.com/index.php/2008/07/03/juntos-pero-no-revueltos/
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
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
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
Día 2 Visualizar Características Layouts Formato NET Bmp EPS/PS SVG VML X3D VRML Circular Kamada-Kawai   Fruchterman-Reingold   Pajek
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
Día 2 Visualizar Colores: SGV o EPS/PS Colores SGV Pajek
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
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
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
Día 2 Visualizar Imágenes en 3D: VRML Pajek
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
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
Día 3 Visualizar Herramienta de análisis/visualización Gephi #madewithgephi
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
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
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
Día 3 Visualizar Gephi Características: Interfaz de usuario
Día 3 Visualizar Funcionalidad: Interactividad Análisis dinámico Agrupar nodos Conexiones de los nodos Gephi
Día 3 Visualizar Funcionalidad: Particiones y Ranking Gephi Ranking Particiones
Día 3 Visualizar Funcionalidad: Filtros Gephi Crear filtros mediante queries Crear nuevas redes mediante filtros Salvar queries
Día 3 Visualizar Funcionalidad: Estadísticas Gephi Betweenness, Closeness, Diameter, Clustering Coefficient, Average shortest path, PageRank, HITS  Community detection (Modularity)
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
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
Día 3 Visualizar Ejemplo: Características GEPHI V 0.7 Atributos http://vimeo.com/9726202 Gephi
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 .
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
Día 3 Visualizar Herramienta de visualización Touchgraph http://www.touchgraph.com/navigator.html
Día 3 Visualizar Origen: Touchgraph (Free) Touchgraph http://sourceforge.net/projects/touchgraph/
Día 3 Visualizar Características Excel CSV Tsv Multi CSV MySqo Nav DB API Vna GDF Pajek Layouts Png jpg Force based Touchgraph
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
Día 3 Visualizar Características: Interfaz gráfica Touchgraph
Día 3 Visualizar Ejemplo de Touchgraph (free): Enjut@ Touchgraph http:// www.barriblog.com/index.php/2008/09/09/visualizando-con-touchgraph-free/
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 /
Día 3 Visualizar Ejemplos: Aplicación en facebook Touchgraph http://www.touchgraph.com/TGFacebookBrowser.html
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
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

Más contenido relacionado

Similar a Camon visualizar-Redes (20)

PDF
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
cricc
 
PPT
Citilab 20090617 Congosto
Mª Luz Congosto
 
PDF
Hacer un grafo de tu facebook a traves de gephi
Fernando Santamaría
 
PDF
Visualización de Información sobre Redes Sociales
Luciano Ordoñez
 
PPT
Uc3m visualizar
Mª Luz Congosto
 
PDF
Análisis de datos en redes sociales
Miguel Rebollo
 
PPT
Ejemplo uso pajek
Carlos Primera
 
PPTX
Codemotion 2016 - d3.js un taller divertido y difícil
Javier Abadía
 
PPT
Si508 f08-week2.en.es
publicalotodo
 
PPTX
Grafos
Oscar Rangel
 
PPT
Análisis y construcción de redes complejas
Juan J. Merelo
 
PPTX
Graphs
olivermartz
 
PPT
Modelamiento visual-y-uml346
Mguel
 
PPT
ADS - Sesion2
willy0303
 
PPT
MODELAMIENTO VISUAL Y UML
Kudos S.A.S
 
PPTX
Visualización en javascript
Ana Belén García Parra
 
PDF
Redes sociales
Fernando Tricas García
 
PPT
Redes Complejas Uc3m 2008
Juan J. Merelo
 
PPTX
ingenieria1
ArmandoHF
 
PPT
Redes espaciales
Universidad de Buenos Aires
 
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
cricc
 
Citilab 20090617 Congosto
Mª Luz Congosto
 
Hacer un grafo de tu facebook a traves de gephi
Fernando Santamaría
 
Visualización de Información sobre Redes Sociales
Luciano Ordoñez
 
Uc3m visualizar
Mª Luz Congosto
 
Análisis de datos en redes sociales
Miguel Rebollo
 
Ejemplo uso pajek
Carlos Primera
 
Codemotion 2016 - d3.js un taller divertido y difícil
Javier Abadía
 
Si508 f08-week2.en.es
publicalotodo
 
Grafos
Oscar Rangel
 
Análisis y construcción de redes complejas
Juan J. Merelo
 
Graphs
olivermartz
 
Modelamiento visual-y-uml346
Mguel
 
ADS - Sesion2
willy0303
 
MODELAMIENTO VISUAL Y UML
Kudos S.A.S
 
Visualización en javascript
Ana Belén García Parra
 
Redes sociales
Fernando Tricas García
 
Redes Complejas Uc3m 2008
Juan J. Merelo
 
ingenieria1
ArmandoHF
 
Redes espaciales
Universidad de Buenos Aires
 

Más de Mª Luz Congosto (20)

PPTX
Analizando las aapp_en rss
Mª Luz Congosto
 
PPTX
Brecha digital de género
Mª Luz Congosto
 
PPTX
Dinamicas comunicacion twitter-roles_homofilia_radicalización
Mª Luz Congosto
 
PPTX
Formas de propagación y propagación con formas
Mª Luz Congosto
 
PPTX
Dime cómo tuiteas y te diré lo que aportas a la difusión
Mª Luz Congosto
 
PPTX
Las elecciones a vista de pájaro
Mª Luz Congosto
 
PPTX
Ep2014 viralidad en_twitter
Mª Luz Congosto
 
PPTX
Tweetsxlocation
Mª Luz Congosto
 
PPT
Gast 20140511
Mª Luz Congosto
 
PPTX
Datatrinos
Mª Luz Congosto
 
PPTX
#38 Twitterllon: Twitter ¿un barómetro social?
Mª Luz Congosto
 
PPT
UEM: Visualización de datos ¿la próxima frontera?
Mª Luz Congosto
 
PPTX
6eiiic- Pescando historias en el río de Twitter
Mª Luz Congosto
 
PPTX
Twitter, una sonda permanente de opinión y una vía para canalizar acciones ci...
Mª Luz Congosto
 
PPT
2011 Spanish General Election
Mª Luz Congosto
 
PPT
Elecciones 20N en twitter
Mª Luz Congosto
 
PPT
Espectadora de la Red
Mª Luz Congosto
 
PPT
Segundo Tweets&beeers de la Uc3m
Mª Luz Congosto
 
PPT
La Actividad Investigadora En (La) Red
Mª Luz Congosto
 
PPT
La Ciencia En Internet
Mª Luz Congosto
 
Analizando las aapp_en rss
Mª Luz Congosto
 
Brecha digital de género
Mª Luz Congosto
 
Dinamicas comunicacion twitter-roles_homofilia_radicalización
Mª Luz Congosto
 
Formas de propagación y propagación con formas
Mª Luz Congosto
 
Dime cómo tuiteas y te diré lo que aportas a la difusión
Mª Luz Congosto
 
Las elecciones a vista de pájaro
Mª Luz Congosto
 
Ep2014 viralidad en_twitter
Mª Luz Congosto
 
Tweetsxlocation
Mª Luz Congosto
 
Gast 20140511
Mª Luz Congosto
 
Datatrinos
Mª Luz Congosto
 
#38 Twitterllon: Twitter ¿un barómetro social?
Mª Luz Congosto
 
UEM: Visualización de datos ¿la próxima frontera?
Mª Luz Congosto
 
6eiiic- Pescando historias en el río de Twitter
Mª Luz Congosto
 
Twitter, una sonda permanente de opinión y una vía para canalizar acciones ci...
Mª Luz Congosto
 
2011 Spanish General Election
Mª Luz Congosto
 
Elecciones 20N en twitter
Mª Luz Congosto
 
Espectadora de la Red
Mª Luz Congosto
 
Segundo Tweets&beeers de la Uc3m
Mª Luz Congosto
 
La Actividad Investigadora En (La) Red
Mª Luz Congosto
 
La Ciencia En Internet
Mª Luz Congosto
 
Publicidad

Último (20)

PDF
Diagrama de Pareto en PDF pareto el mejor
zaidmarinb11
 
PDF
Trabajo Tecnología #2 Periodo (1).pdf ajdj
colgess2
 
PDF
Trabajo de tecnologia en equipo (1).pdf
jjfch3110
 
PDF
Ronmy-Canas-Impulsa-Centros-Tech-para-Comunidades-en-Riesgo (1).pdf
ronmyjosecanaszambra
 
PDF
Tecnología en Venezuela. Etapa colonial y Etapa democrática
proyectosabirm
 
PDF
Afiche de Tecnología en Venezuela. Etapa colonial y Etapa democrática
DiosymarSuarez
 
PDF
actividad tecnologia (1).pdflksjksIUQWDIUWEGDHI
anavallejo2323
 
PDF
luces y codigos ........................
andresitofreefire28
 
PPTX
CamposFlores_Fernando_M1S3AI6-PrepaLineaSEP
231464482
 
PDF
Conceptos básicos de programacion de tecnologia
edepjuangarcia194
 
PDF
Solución actividad de Diagrama de Pareto
MaraJos722801
 
PDF
Trabajo De Pareto.pdf Tecnologia/Colegio
coloradxmaria
 
PPTX
presentacion hecha con ia para guiarse con ella
diegosambony7
 
PDF
Taller Tecnología p#2 11-6 Eliana valenci
ElianaValencia28
 
PDF
Trabajo Tecnología #2 Periodo (2).pdfjdjfjf
ssuser57b6e41
 
PDF
Excel Avanzado ..........................
Alejo857214
 
PDF
Webinar - Migrating to Ballerina from MuleSoft and Tibco.pdf
Profesia Srl, Lynx Group
 
PDF
BDO y su visión hacia el Cyber SOC 4.0 | Ciberseguridad predictiva
Fabián Descalzo
 
PDF
Tecnología en Venezuela_20250720_131348_0000.pdf
AndreaGiuseppinaFerr
 
PPTX
Actividad integradora 6 Crear un archivo multimedia
susana0271
 
Diagrama de Pareto en PDF pareto el mejor
zaidmarinb11
 
Trabajo Tecnología #2 Periodo (1).pdf ajdj
colgess2
 
Trabajo de tecnologia en equipo (1).pdf
jjfch3110
 
Ronmy-Canas-Impulsa-Centros-Tech-para-Comunidades-en-Riesgo (1).pdf
ronmyjosecanaszambra
 
Tecnología en Venezuela. Etapa colonial y Etapa democrática
proyectosabirm
 
Afiche de Tecnología en Venezuela. Etapa colonial y Etapa democrática
DiosymarSuarez
 
actividad tecnologia (1).pdflksjksIUQWDIUWEGDHI
anavallejo2323
 
luces y codigos ........................
andresitofreefire28
 
CamposFlores_Fernando_M1S3AI6-PrepaLineaSEP
231464482
 
Conceptos básicos de programacion de tecnologia
edepjuangarcia194
 
Solución actividad de Diagrama de Pareto
MaraJos722801
 
Trabajo De Pareto.pdf Tecnologia/Colegio
coloradxmaria
 
presentacion hecha con ia para guiarse con ella
diegosambony7
 
Taller Tecnología p#2 11-6 Eliana valenci
ElianaValencia28
 
Trabajo Tecnología #2 Periodo (2).pdfjdjfjf
ssuser57b6e41
 
Excel Avanzado ..........................
Alejo857214
 
Webinar - Migrating to Ballerina from MuleSoft and Tibco.pdf
Profesia Srl, Lynx Group
 
BDO y su visión hacia el Cyber SOC 4.0 | Ciberseguridad predictiva
Fabián Descalzo
 
Tecnología en Venezuela_20250720_131348_0000.pdf
AndreaGiuseppinaFerr
 
Actividad integradora 6 Crear un archivo multimedia
susana0271
 
Publicidad

Camon 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 &quot; el problema del pequeño mundo &quot;
  • 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=&quot;1.0 equally&quot; nodesep=&quot;1.0 equally&quot; 1 [label=&quot;@FIBAWorld&quot;]; 1 [fontcolor=Red]; 2 [label=&quot;@NBA&quot;]; 2 [fontcolor=Red]; 4 [label=&quot;@justinbieber&quot;]; 4 [fontcolor=Red]; ……… &quot; 1&quot; -> &quot;1&quot; &quot;1&quot; -> &quot;2&quot; &quot;1&quot; -> &quot;5&quot; &quot;1&quot; -> &quot;8&quot; &quot;1&quot; -> &quot;14&quot; &quot;1&quot; -> &quot;16&quot; &quot;1&quot; -> &quot;21&quot; &quot;2&quot; -> &quot;1&quot; ………… 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 &quot;@FIBAWorld&quot; ellipse x_fact 2 y_fact 2 ic Red bc Black lc Red fos 16 font Verdana [ 1-* ] 2 &quot;@NBA&quot; ellipse x_fact 2 y_fact 2 ic Red bc Black lc Red fos 16 font Verdana [ 2-* ] 4 &quot;@justinbieber&quot; 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