Download - Catedra orange curso_redes
![Page 1: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/1.jpg)
1M. Luz Congosto
II Curso Ciencia de Redes
25-11-2010
Visualizando en REDES
![Page 2: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/2.jpg)
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)
![Page 3: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/3.jpg)
3M. Luz Congosto
Visualizando en REDES
Una definición visual...http://blog.ffctn.com/what-is-data-visualization
![Page 4: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/4.jpg)
4M. Luz Congosto
Visualizando en REDES
Usamos diagramas estáticos para datos numéricos…
![Page 5: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/5.jpg)
5M. Luz Congosto
Visualizando en REDES
No todo son números ni relaciones…
redes sociales
![Page 6: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/6.jpg)
6M. Luz Congosto
Visualizando en REDES
La información fluye muy rápido…
redes sociales
![Page 7: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/7.jpg)
7M. Luz Congosto
Visualizando en REDES
Los datos son ingentes y cambiantes…
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
redes sociales
![Page 8: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/8.jpg)
8M. Luz Congosto
Visualizando en REDES
redes sociales
¿Para qué sirve la visualización?
![Page 9: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/9.jpg)
9M. Luz Congosto
Visualizando en REDES
Depurar, verificar y contrastar datos
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
¿Para qué?
![Page 10: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/10.jpg)
10M. Luz Congosto
Visualizando en REDES
Crear nuevas preguntas
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
¿Para qué?
![Page 11: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/11.jpg)
11M. Luz Congosto
Visualizando en REDES
Estructurar los datos para sean navegables
¿Para qué?
![Page 12: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/12.jpg)
12M. Luz Congosto
Visualizando en REDES
Para divulgar los experimentos
¿Para qué?
![Page 13: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/13.jpg)
13M. Luz Congosto
Visualizando en REDES
¿Cómo se puede visualizar?
![Page 14: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/14.jpg)
14M. Luz Congosto
1DATOS
3VISUALIZAR
2FILTRAR
El proceso….
¿Cómo?
Visualizando en REDES
![Page 15: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/15.jpg)
15M. Luz Congosto
1. Fuentes de datos
¿Cómo?
Visualizando en REDES
![Page 16: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/16.jpg)
16M. Luz Congosto
2. Filtrar separando el trigo de paja
Fuentesdedatos
spam
Datos Irrelevantes
Datos visualizables
Visualizando en REDES
Datos privados
¿Cómo?
![Page 17: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/17.jpg)
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?
![Page 18: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/18.jpg)
18M. Luz Congosto
3. Visualizar texto: word cloud http://www.wordle.net/
Visualizando en REDES
¿Cómo?
![Page 19: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/19.jpg)
19M. Luz Congosto
3. Visualizar números: bubble charthttp://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/tweets-por-autor-del-hashtag-manif
Visualizando en REDES
¿Cómo?
![Page 20: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/20.jpg)
20M. Luz Congosto
3. Visualizar números: motion Charthttp://www.barriblog.com/index.php/2010/11/01/taller-de-visualizacion-javascript/
Visualizando en REDES
¿Cómo?
![Page 21: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/21.jpg)
21M. Luz Congosto
3. Visualizar números: Stacked charts
http://www.babynamewizard.com/voyager#
Visualizando en REDES
¿Cómo?
![Page 22: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/22.jpg)
22M. Luz Congosto
3. Visualizar números: Streaming graphhttp://www.neoformix.com/Projects/TwitterStreamGraphs/view.php
Visualizando en REDES
¿Cómo?
![Page 23: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/23.jpg)
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?
![Page 24: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/24.jpg)
24M. Luz Congosto
3. Visualizar relaciones: Arc diagrams
http://vis.stanford.edu/protovis/ex/arc.html
Visualizando en REDES
¿Cómo?
![Page 25: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/25.jpg)
25M. Luz Congosto
3. Visualizar relaciones: Grafos
http://gephi.org/features/
Visualizando en REDES
¿Cómo?
![Page 26: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/26.jpg)
26M. Luz Congosto
3. Visualizar relaciones: wheels
http://www.facebook.com/apps/application.php?id=2415325843/
Visualizando en REDES
¿Cómo?
![Page 27: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/27.jpg)
27M. Luz Congosto
3. Visualizar localización: Geo mapshttp://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/geomap.html
Visualizando en REDES
¿Cómo?
![Page 28: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/28.jpg)
28M. Luz Congosto
3. Visualizar localización: mapshttp://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/map.html
Visualizando en REDES
¿Cómo?
![Page 29: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/29.jpg)
29M. Luz Congosto
Michael VanDaniker: Navegadores
http://www.michaelvandaniker.com/labs/browserVisualization/
Visualizando en REDES
¿Cómo?
![Page 30: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/30.jpg)
30M. Luz Congosto
Visualizando en REDES
Tecnologías de visualización
![Page 31: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/31.jpg)
31M. Luz Congosto
Tecnologías
Diseñadores- programadores – investigadores - principiantes
Visualizando en REDES
![Page 32: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/32.jpg)
32M. Luz Congosto
Aplicaciones uso de general
$
Many eyes
Visualizando en REDES
Tecnologías-principiantes
Más información: Taller manyeyes
![Page 33: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/33.jpg)
33M. Luz Congosto
Análisis Redes
Visualización
Aplicaciones de visualización de redes y R
Visualizando en REDES
Tecnologías-redes
![Page 34: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/34.jpg)
34M. Luz Congosto
Graphviz
neato
dot
twopi
circo
fdp
Layouts
Formato DOTgifjpgpngsvgvmlps…
Visualizando en REDES
Tecnologías-redes
Más información: Taller Graphviz
![Page 35: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/35.jpg)
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
![Page 36: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/36.jpg)
36M. Luz Congosto
Pajeck
Layouts
Formato NETBmpEPS/PSSVGVMLX3DVRML
Circular
Kamada-Kawai
Fruchterman-Reingold
Visualizando en REDES
Tecnologías-redes
Más información: Taller Pajeck
![Page 37: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/37.jpg)
37M. Luz Congosto
Ejemplo: Propagación de TijerasNOhttp://www.barriblog.com/wiki/index.php/Resultados_tijeras_No/
Visualizando en REDES
Tecnologías-redes
![Page 38: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/38.jpg)
38M. Luz Congosto
Ejemplo: Red de metro de Madridhttp://blog.vectart.com/2010/10/29/una-nueva-forma-de-ver-el-metro-de-madrid/
Visualizando en REDES
Tecnologías-redes
![Page 39: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/39.jpg)
39M. Luz Congosto
Gephi
GEXF GDF GML GraphML Pajek NET GraphViz DOT CSV UCINET DL Tulip TPL XGMML
Layouts
SVGPDF
Multi level
Force based
Formato Gephi
Más información: Taller Gephi
Visualizando en REDES
Tecnologías-redes
![Page 40: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/40.jpg)
40M. Luz Congosto
Ejemplo: Propagación de TijerasNOhttp://www.barriblog.com/index.php/2010/01/17/propagacion-de-tijerasno-parte-i//
Visualizando en REDES
Tecnologías-redes
![Page 41: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/41.jpg)
41M. Luz Congosto
Touchgraph
ExcelCSVTsvMulti CSVMySqoNav DB APIVnaGDFPajek
Layouts
Pngjpg
Force based
Visualizando en REDES
Tecnologías-redes
![Page 42: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/42.jpg)
42M. Luz Congosto
Ejemplo: Aplicación en facebookhttp://www.touchgraph.com/TGFacebookBrowser.html
Visualizando en REDES
Tecnologías-redes
![Page 43: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/43.jpg)
43M. Luz Congosto
API’s-tool kits JavaScript/Java
JavaScript
API de google
Visualizando en REDESTecnologías-JavaScript-Java
Más información: Taller API-Google, Protovis,Prefuse
![Page 44: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/44.jpg)
44M. Luz Congosto
Ejemplo API Google : Time line
Visualizando en REDESTecnologías-JavaScript-Java
![Page 45: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/45.jpg)
45M. Luz Congosto
Ejemplo Protovis : Bubble chart
Visualizando en REDESTecnologías-JavaScript-Java
![Page 46: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/46.jpg)
46M. Luz Congosto
Ejemplo Prefuse: Treemap
Visualizando en REDESTecnologías-JavaScript-Java
![Page 47: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/47.jpg)
47M. Luz Congosto
Processing /API’s ActionScript- MXML
$
Visualizando en REDESTecnologías-JavaScript-Java
![Page 48: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/48.jpg)
48M. Luz Congosto
Ejemplo Flare: Memetracker
Visualizando en REDESTecnologías-JavaScript-Java
Most mentioned phrases during the 2008 U.S. presidential campaig
http://memetracker.org/
![Page 49: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/49.jpg)
49M. Luz Congosto
Ejemplo Axiis: Jugadores/ día
Visualizando en REDESTecnologías-Flash
![Page 50: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/50.jpg)
50M. Luz Congosto
Ejemplo Axiis: Jugadores/ día
Visualizando en REDESTecnologías-Flash
![Page 51: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/51.jpg)
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
![Page 52: Catedra orange curso_redes](https://reader035.vdocuments.net/reader035/viewer/2022081413/54853a2ab4af9fff6c8b4776/html5/thumbnails/52.jpg)
52M. Luz Congosto
Muchas gracias por vuestra atención
M. Luz CongostoContacto:
http://twitter.com/congosto
Blog
http://www.linkedin.com/in/congosto
Visualizando en REDES