visualización de información sobre redes sociales
DESCRIPTION
Lic. Ernesto Mislej, Director de 7PLabs. GarageLab. Fundación Telefónica. Arte y Tecnología. Jornadas de Analísis en Redes Sociales complejas. Minería de Grafos, Visualización, Análisis Predictivo.Exposición sobre Visualización de Redes Sociales. Técnicas y Ejemplos.TRANSCRIPT
![Page 1: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/1.jpg)
Visualización de !Información § !Redes Sociales!
7puentes.com!
Fundación Telefónica - GarageLab !Lic. Ernesto Mislej!
Noviembre 2010!
![Page 2: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/2.jpg)
¿Qué es la Visualización de Información?!
“...los sistemas informáticos de Visualización de Información, se enfocan en brindar ayudas para la exploración o la explicación de datos a través de sistemas que incluyan representaciones visuales, contemplando intervenciones interactivas del observador. El principal desafío en el diseño de visualizaciones, es el de representar el conjunto de datos abstractos, no necesariamente espaciales, reforzando los aspectos cognitivos. Existe una gran variedad de posibles codificaciones visuales, pero sólo unas pocas resultan ser efectivas.”
(INFOVIS – IEEE)
7puentes.com! Visualización de Información § Redes Sociales!
![Page 3: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/3.jpg)
¿Qué es la Visualización de Información?!
“...El fin de los sistemas de visualización es la exploración de datos y de información para adquirir conocimiento novedoso y el insight de los datos. El objetivo de la visualización es promover un nivel más profundo de entendimiento de los datos bajo investigación y brindar conocimiento nuevo sobre las relaciones subyacentes, aprovechando la poderosa habilidad de las personas de visualizar.”
(Earnshaw)
7puentes.com! Visualización de Información § Redes Sociales!
![Page 4: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/4.jpg)
Pipeline de Visualización!
Dato Crudo
Abstracción de Datos
Abstracción Visual
Vista
7puentes.com! Visualización de Información § Redes Sociales!
![Page 5: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/5.jpg)
London Tube map 1931!Harry Beck !
7puentes.com! Visualización de Información § Redes Sociales!
![Page 6: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/6.jpg)
Representación Realista Foco en las distancias!
![Page 7: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/7.jpg)
Representación Distorsionada Foco en las conexiones!
![Page 8: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/8.jpg)
Semiología de los gráficos!
Variables visuales
• Posición
• Tamaño
• Color (Hue)
• Intensidad
• Forma
• Orientación
• Textura
Niveles de percepción
• Asociativo
• Selectivo
• Ordinal
• Cuantitativo
7puentes.com! Visualización de Información § Redes Sociales!
![Page 9: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/9.jpg)
Puntos y líneas!
Ejemplo
G = (V,E)
V = {a, b, c, d, e, f}
E = {ab, ac, bc, bd, cd, de}
7puentes.com! Visualización de Información § Redes Sociales!
![Page 10: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/10.jpg)
Dibujo de Grafos!
7puentes.com! Visualización de Información § Redes Sociales!
Demo Flare: http://flare.prefuse.org/demo
![Page 11: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/11.jpg)
Dibujos en Jerarquía!
Árboles
Se dibujan los padres sobre los hijos.
Árbo les genea lóg icos , jerarquía en organizaciones.
Simetría, minimizar áreas, alinear niveles.
Hyperbolic trees
7puentes.com! Visualización de Información § Redes Sociales!
![Page 12: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/12.jpg)
Dibujo de Jerarquía!
7puentes.com! Visualización de Información § Redes Sociales!
Niveles por radio
![Page 13: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/13.jpg)
Circle Limit IV (Heaven and Hell), 1960, (c) 1994 M.C. Escher
![Page 14: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/14.jpg)
![Page 15: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/15.jpg)
The Jit: http://thejit.org/static/v20/Jit/Examples/Hypertree/example1.html
![Page 16: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/16.jpg)
Dibujos Circulares!
Disponer los nodos de manera uniforme sobre una circunferencia.
Tr a z a r l o s e j e s c o m o segmentos rectos o como arcos
Grafos densos, todos contra todos.
Igualdad de niveles
7puentes.com! Visualización de Información § Redes Sociales!
![Page 17: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/17.jpg)
![Page 18: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/18.jpg)
EuroVision 2009: http://blob.creanode.com/blob/eu2009/
![Page 19: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/19.jpg)
Student List
![Page 20: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/20.jpg)
Facebook Friend Wheel: http://thomas-fletcher.com/friendwheel/
![Page 21: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/21.jpg)
Enron Communication Graph
![Page 22: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/22.jpg)
Circo: http://mkweb.bcgsc.ca/circos/
![Page 23: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/23.jpg)
Dibujos Basados en Fuerzas!
7puentes.com! Visualización de Información § Redes Sociales!
Reemplazar los ejes por resortes de longitud semejante a la expresada en el grafo.
Comenzar con una disposición aleatoria. Y dejar que el sistema de fuerzas se estabilice.
Grupos de afinidad, clusters, foco en las distancias.
![Page 24: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/24.jpg)
![Page 25: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/25.jpg)
En la prepa: http://www-personal.umich.edu/~mejn/networks/school.gif
![Page 26: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/26.jpg)
Adolescent romantic"and sexual networks
![Page 27: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/27.jpg)
Mapping the New Testament
![Page 28: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/28.jpg)
Friendster Network
![Page 29: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/29.jpg)
Twitter Graph by Weeks: http://burak-arikan.com/growth-of-a-twitter-graph
![Page 30: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/30.jpg)
Mentionmap: http://apps.asterisq.com/mentionmap/
![Page 31: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/31.jpg)
Facebook Network
![Page 32: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/32.jpg)
Otras metáforas!
Dibujos Planares Ortogonales (necesidad que los ejes no se crucen)
Treemap
Sobre mapas
Matrix Vis
Arc Layout
7puentes.com! Visualización de Información § Redes Sociales!
![Page 33: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/33.jpg)
One Million Data Treemap
![Page 34: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/34.jpg)
Twitter Conversations Map
![Page 35: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/35.jpg)
Les Miserables: http://www-personal.umich.edu/~mejn/networks/lesmis.gif
![Page 36: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/36.jpg)
Les Miserables II: http://vis.stanford.edu/protovis/ex/matrix-full.html
![Page 37: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/37.jpg)
IRC Arcs: http://mardoen.textdriven.com/irc_arcs/
![Page 38: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/38.jpg)
Social Collider: http://socialcollider.net/
![Page 39: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/39.jpg)
Visualizando el mensaje!
Pulse of the Nation: U.S. Mood Throughout the Day inferred from Twitter
Facebook Status Updates Tell the Story of Romance Gone Awry
7puentes.com! Visualización de Información § Redes Sociales!
![Page 40: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/40.jpg)
Facebook Status Updates Tell the Story of Romance Gone Awry
![Page 41: Visualización de Información sobre Redes Sociales](https://reader035.vdocuments.site/reader035/viewer/2022081718/54bc2d294a795919528b45f6/html5/thumbnails/41.jpg)
Visualización de !Información § Redes Sociales!
7puentes.com!
Fundación Telefónica - GarageLab !Lic. Ernesto Mislej!
Noviembre 2010!