Catedra orange curso_redes

1M. Luz Congosto

II Curso Ciencia de Redes

25-11-2010

Visualizando en REDES

2M. Luz Congosto


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


Una definición visual...http://blog.ffctn.com/what-is-data-visualization

4M. Luz Congosto


Usamos diagramas estáticos para datos numéricos…

5M. Luz Congosto


No todo son números ni relaciones…

redes sociales

6M. Luz Congosto


La información fluye muy rápido…

redes sociales

7M. Luz Congosto


Los datos son ingentes y cambiantes…

http://www.flickr.com/photos/krazydad/243975244/in/photostream/

redes sociales

8M. Luz Congosto


redes sociales

¿Para qué sirve la visualización?

9M. Luz Congosto


Depurar, verificar y contrastar datos


¿Para qué?

10M. Luz Congosto


Crear nuevas preguntas


¿Para qué?

11M. Luz Congosto


Estructurar los datos para sean navegables

¿Para qué?

12M. Luz Congosto


Para divulgar los experimentos

¿Para qué?

13M. Luz Congosto


¿Cómo se puede visualizar?

14M. Luz Congosto

1DATOS

3VISUALIZAR

2FILTRAR

El proceso….

¿Cómo?


15M. Luz Congosto

1. Fuentes de datos

¿Cómo?


16M. Luz Congosto

2. Filtrar separando el trigo de paja

Fuentesdedatos

spam

Datos Irrelevantes

Datos visualizables


Datos privados

¿Cómo?

17M. Luz Congosto

Día 1

3. Visualizar según los datos

Texto

Números

Jerarquía

Relaciones

Localización


¿Cómo?

18M. Luz Congosto

3. Visualizar texto: word cloud http://www.wordle.net/


¿Cómo?

19M. Luz Congosto

3. Visualizar números: bubble charthttp://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/tweets-por-autor-del-hashtag-manif


¿Cómo?

20M. Luz Congosto

3. Visualizar números: motion Charthttp://www.barriblog.com/index.php/2010/11/01/taller-de-visualizacion-javascript/


¿Cómo?

21M. Luz Congosto

3. Visualizar números: Stacked charts

http://www.babynamewizard.com/voyager#


¿Cómo?

22M. Luz Congosto

3. Visualizar números: Streaming graphhttp://www.neoformix.com/Projects/TwitterStreamGraphs/view.php


¿Cómo?

23M. Luz Congosto

3. Visualizar jerarquía: tree map http://www.barriblog.com/index.php/2010/11/01/taller-de-visualizacion-javascript/


¿Cómo?

24M. Luz Congosto

3. Visualizar relaciones: Arc diagrams

http://vis.stanford.edu/protovis/ex/arc.html


¿Cómo?

25M. Luz Congosto

3. Visualizar relaciones: Grafos

http://gephi.org/features/


¿Cómo?

26M. Luz Congosto

3. Visualizar relaciones: wheels

http://www.facebook.com/apps/application.php?id=2415325843/


¿Cómo?

27M. Luz Congosto

3. Visualizar localización: Geo mapshttp://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/geomap.html


¿Cómo?

28M. Luz Congosto

3. Visualizar localización: mapshttp://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/map.html


¿Cómo?

29M. Luz Congosto

Michael VanDaniker: Navegadores

http://www.michaelvandaniker.com/labs/browserVisualization/


¿Cómo?

30M. Luz Congosto


Tecnologías de visualización

31M. Luz Congosto

Tecnologías

Diseñadores- programadores – investigadores - principiantes


32M. Luz Congosto

Aplicaciones uso de general

$

Many eyes


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


Tecnologías-redes

34M. Luz Congosto

Graphviz

neato

dot

twopi

circo

fdp

Layouts

Formato DOTgifjpgpngsvgvmlps…


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/


Tecnologías-redes

36M. Luz Congosto

Pajeck

Layouts

Formato NETBmpEPS/PSSVGVMLX3DVRML

Circular

Kamada-Kawai

Fruchterman-Reingold


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/


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/


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


Tecnologías-redes

40M. Luz Congosto

Ejemplo: Propagación de TijerasNOhttp://www.barriblog.com/index.php/2010/01/17/propagacion-de-tijerasno-parte-i//


Tecnologías-redes

41M. Luz Congosto

Touchgraph

ExcelCSVTsvMulti CSVMySqoNav DB APIVnaGDFPajek

Layouts

Pngjpg

Force based


Tecnologías-redes

42M. Luz Congosto

Ejemplo: Aplicación en facebookhttp://www.touchgraph.com/TGFacebookBrowser.html


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


45M. Luz Congosto

Ejemplo Protovis : Bubble chart


46M. Luz Congosto

Ejemplo Prefuse: Treemap


47M. Luz Congosto

Processing /API’s ActionScript- MXML

$


48M. Luz Congosto

Ejemplo Flare: Memetracker


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


52M. Luz Congosto

Muchas gracias por vuestra atención

M. Luz CongostoContacto:

http://twitter.com/congosto

Blog

http://www.linkedin.com/in/congosto


Date post:	08-Dec-2014
Category:	Technology
Upload:	m-luz-congosto
View:	1,586 times
Download:	0 times

Catedra orange curso_redes

Technology