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