Catedra orange curso_redes
-
Upload
m-luz-congosto -
Category
Technology
-
view
1.586 -
download
0
description
Transcript of Catedra orange curso_redes
1M. Luz Congosto
II Curso Ciencia de Redes
25-11-2010
Visualizando en REDES
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)
3M. Luz Congosto
Visualizando en REDES
Una definición visual...http://blog.ffctn.com/what-is-data-visualization
4M. Luz Congosto
Visualizando en REDES
Usamos diagramas estáticos para datos numéricos…
5M. Luz Congosto
Visualizando en REDES
No todo son números ni relaciones…
redes sociales
6M. Luz Congosto
Visualizando en REDES
La información fluye muy rápido…
redes sociales
7M. Luz Congosto
Visualizando en REDES
Los datos son ingentes y cambiantes…
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
redes sociales
8M. Luz Congosto
Visualizando en REDES
redes sociales
¿Para qué sirve la visualización?
9M. Luz Congosto
Visualizando en REDES
Depurar, verificar y contrastar datos
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
¿Para qué?
10M. Luz Congosto
Visualizando en REDES
Crear nuevas preguntas
http://www.flickr.com/photos/krazydad/243975244/in/photostream/
¿Para qué?
11M. Luz Congosto
Visualizando en REDES
Estructurar los datos para sean navegables
¿Para qué?
12M. Luz Congosto
Visualizando en REDES
Para divulgar los experimentos
¿Para qué?
13M. Luz Congosto
Visualizando en REDES
¿Cómo se puede visualizar?
14M. Luz Congosto
1DATOS
3VISUALIZAR
2FILTRAR
El proceso….
¿Cómo?
Visualizando en REDES
15M. Luz Congosto
1. Fuentes de datos
¿Cómo?
Visualizando en REDES
16M. Luz Congosto
2. Filtrar separando el trigo de paja
Fuentesdedatos
spam
Datos Irrelevantes
Datos visualizables
Visualizando en REDES
Datos privados
¿Cómo?
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?
18M. Luz Congosto
3. Visualizar texto: word cloud http://www.wordle.net/
Visualizando en REDES
¿Cómo?
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?
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?
21M. Luz Congosto
3. Visualizar números: Stacked charts
http://www.babynamewizard.com/voyager#
Visualizando en REDES
¿Cómo?
22M. Luz Congosto
3. Visualizar números: Streaming graphhttp://www.neoformix.com/Projects/TwitterStreamGraphs/view.php
Visualizando en REDES
¿Cómo?
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?
24M. Luz Congosto
3. Visualizar relaciones: Arc diagrams
http://vis.stanford.edu/protovis/ex/arc.html
Visualizando en REDES
¿Cómo?
25M. Luz Congosto
3. Visualizar relaciones: Grafos
http://gephi.org/features/
Visualizando en REDES
¿Cómo?
26M. Luz Congosto
3. Visualizar relaciones: wheels
http://www.facebook.com/apps/application.php?id=2415325843/
Visualizando en REDES
¿Cómo?
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?
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?
29M. Luz Congosto
Michael VanDaniker: Navegadores
http://www.michaelvandaniker.com/labs/browserVisualization/
Visualizando en REDES
¿Cómo?
30M. Luz Congosto
Visualizando en REDES
Tecnologías de visualización
31M. Luz Congosto
Tecnologías
Diseñadores- programadores – investigadores - principiantes
Visualizando en REDES
32M. Luz Congosto
Aplicaciones uso de general
$
Many eyes
Visualizando en REDES
Tecnologías-principiantes
Más información: Taller manyeyes
33M. Luz Congosto
Análisis Redes
Visualización
Aplicaciones de visualización de redes y R
Visualizando en REDES
Tecnologías-redes
34M. Luz Congosto
Graphviz
neato
dot
twopi
circo
fdp
Layouts
Formato DOTgifjpgpngsvgvmlps…
Visualizando en REDES
Tecnologías-redes
Más información: Taller Graphviz
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
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
37M. Luz Congosto
Ejemplo: Propagación de TijerasNOhttp://www.barriblog.com/wiki/index.php/Resultados_tijeras_No/
Visualizando en REDES
Tecnologías-redes
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
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
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
41M. Luz Congosto
Touchgraph
ExcelCSVTsvMulti CSVMySqoNav DB APIVnaGDFPajek
Layouts
Pngjpg
Force based
Visualizando en REDES
Tecnologías-redes
42M. Luz Congosto
Ejemplo: Aplicación en facebookhttp://www.touchgraph.com/TGFacebookBrowser.html
Visualizando en REDES
Tecnologías-redes
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
44M. Luz Congosto
Ejemplo API Google : Time line
Visualizando en REDESTecnologías-JavaScript-Java
45M. Luz Congosto
Ejemplo Protovis : Bubble chart
Visualizando en REDESTecnologías-JavaScript-Java
46M. Luz Congosto
Ejemplo Prefuse: Treemap
Visualizando en REDESTecnologías-JavaScript-Java
47M. Luz Congosto
Processing /API’s ActionScript- MXML
$
Visualizando en REDESTecnologías-JavaScript-Java
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/
49M. Luz Congosto
Ejemplo Axiis: Jugadores/ día
Visualizando en REDESTecnologías-Flash
50M. Luz Congosto
Ejemplo Axiis: Jugadores/ día
Visualizando en REDESTecnologías-Flash
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
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