camon visualizar-2010-10-13

67
1 M. Luz Congosto Un paseo por la Visualización en siete días

Upload: m-luz-congosto

Post on 28-Jun-2015

6.153 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Camon visualizar-2010-10-13

1M. Luz Congosto

Un paseo por la Visualización en siete días

Page 2: Camon visualizar-2010-10-13

2M. Luz Congosto

Día 1

Visualización Redes Java / javascript Flash

Un paseo por la Visualización en 7 díasI N D I C E

¿Para qué?

¿Cómo?

Tecnologías

Proyectos

Tendencias

ManyEyes

Page 3: Camon visualizar-2010-10-13

3M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para llegar al fondo de la información

Page 4: Camon visualizar-2010-10-13

4M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para detectar lo que es inconsistente

Page 5: Camon visualizar-2010-10-13

5M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para descubrir lo que no es evidente

Page 6: Camon visualizar-2010-10-13

6M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para hacer comestibles los datos

Page 7: Camon visualizar-2010-10-13

7M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para informar de otra manera

Page 8: Camon visualizar-2010-10-13

8M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para propagar mejor el mensaje

Page 9: Camon visualizar-2010-10-13

9M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para el aprendizaje

Page 10: Camon visualizar-2010-10-13

10M. Luz Congosto

Día 1¿Para qué?

Visualizar

Para poner la guinda a una investigación

Page 11: Camon visualizar-2010-10-13

11M. Luz Congosto

Día 1

Visualización Redes Java / javascript Flash

Un paseo por la Visualización en 7 díasI N D I C E

¿Para qué?

¿Cómo?

Tecnologías

Proyectos

Tendencias

ManyEyes

Page 12: Camon visualizar-2010-10-13

12M. Luz Congosto

Día 1¿Cómo?

Visualizar

1DATOS

3VISUALIZAR

2FILTRAR

El proceso….

Page 13: Camon visualizar-2010-10-13

13M. Luz Congosto

Día 1¿Cómo?

Visualizar

1. Datos desde fuentes numéricas

Page 14: Camon visualizar-2010-10-13

14M. Luz Congosto

Día 1¿Cómo?

Visualizar

1. Datos desde fuentes textuales

Page 15: Camon visualizar-2010-10-13

15M. Luz Congosto

Día 1¿Cómo?

Visualizar

1. Datos desde múltiples fuentes digitales

Page 16: Camon visualizar-2010-10-13

16M. Luz Congosto

Día 1¿Cómo?

Visualizar

2. Filtrar separando el trigo de paja

Fuentesdedatos

spam

Datos Irrelevantes

Datos visualizables

Page 17: Camon visualizar-2010-10-13

17M. Luz Congosto

Día 1¿Cómo?

Visualizar

2. Filtrar generando formatos visualizables

Page 18: Camon visualizar-2010-10-13

18M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar según los datos

Texto

Números

Jerarquía

Relaciones

Localización

Page 19: Camon visualizar-2010-10-13

19M. Luz Congosto

Día 1¿Cómo?

Visualizar

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

Page 20: Camon visualizar-2010-10-13

20M. Luz Congosto

Día 1¿Cómo?

Visualizar

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

Page 21: Camon visualizar-2010-10-13

21M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar números: motion Charthttp://code.google.com/intl/es-ES/apis/visualization/documentation/gallery/motionchart.html

Page 22: Camon visualizar-2010-10-13

22M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar números: Magic Tablehttp://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html

Page 23: Camon visualizar-2010-10-13

23M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar números: Stacked charts

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

Page 24: Camon visualizar-2010-10-13

24M. Luz Congosto

Día 1¿Cómo?

Visualizar

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

Page 25: Camon visualizar-2010-10-13

25M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar jerarquía: tree map http://www.elmundo.es/elmundo/ultimas/

Page 26: Camon visualizar-2010-10-13

26M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar jerarquía: Node-link tree http://vis.stanford.edu/protovis/ex/tree.html

Page 27: Camon visualizar-2010-10-13

27M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar relaciones: Arc diagrams

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

Page 28: Camon visualizar-2010-10-13

28M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar relaciones: Grafos

http://gephi.org/features/

Page 29: Camon visualizar-2010-10-13

29M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar relaciones: wheels

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

Page 30: Camon visualizar-2010-10-13

30M. Luz Congosto

Día 1¿Cómo?

Visualizar

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

Page 31: Camon visualizar-2010-10-13

31M. Luz Congosto

Día 1¿Cómo?

Visualizar

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

Page 32: Camon visualizar-2010-10-13

32M. Luz Congosto

Día 1¿Cómo?

Visualizar

3. Visualizar usando la localización

http://map.web2summit.com/

Page 33: Camon visualizar-2010-10-13

33M. Luz Congosto

Día 1

Visualización Redes Java / javascript Flash

Un paseo por la Visualización en 7 díasI N D I C E

¿Para qué?

¿Cómo?

Tecnologías

Proyectos

Tendencias

ManyEyes

Page 34: Camon visualizar-2010-10-13

34M. Luz Congosto

Día 1Tecnologías

Visualizar

Programadores-diseñadores-investigadores

Page 35: Camon visualizar-2010-10-13

35M. Luz Congosto

Día 1Tecnologías

Visualizar

Investigadores: Aplicaciones de redes y R

Pajek

$

Page 36: Camon visualizar-2010-10-13

36M. Luz Congosto

Día 1Tecnologías

Visualizar

Programadores: API’s JavaScript/Java

JavaScript

API de google Many eyes

Page 37: Camon visualizar-2010-10-13

37M. Luz Congosto

Día 1Tecnologías

Visualizar

Diseñadores: Processing /API’s ActionScript

$

Page 38: Camon visualizar-2010-10-13

38M. Luz Congosto

Día 1Tecnologías

Visualizar

Calendario de talleres

13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

X J V S D L M X J V S D L M X J V

Google API

Page 39: Camon visualizar-2010-10-13

39M. Luz Congosto

Día 1

Visualización Redes Java / javascript Flash

Un paseo por la Visualización en 7 díasI N D I C E

¿Para qué?

¿Cómo?

Tecnologías

Proyectos

Tendencias

ManyEyes

Page 40: Camon visualizar-2010-10-13

40M. Luz Congosto

Día 1Proyectos

Visualizar

Dr.John Snow : mapa de epidemia de cólera

1854

Page 41: Camon visualizar-2010-10-13

41M. Luz Congosto

Día 1Proyectos

Visualizar

Minard: Carta figurativa campaña de Rusia

1861

Page 42: Camon visualizar-2010-10-13

42M. Luz Congosto

Día 1Proyectos

Visualizar

Revisión de la carta de Minard (Protovis )http://www.math.yorku.ca/SCS/Gallery/re-minard.html

Page 43: Camon visualizar-2010-10-13

43M. Luz Congosto

Día 1Proyectos

Visualizar

Otto Neurath: Isotype

Page 44: Camon visualizar-2010-10-13

44M. Luz Congosto

Día 1Proyectos

Visualizar

Hans Rosling: Gapminderhttp://www.gapminder.org//

Page 45: Camon visualizar-2010-10-13

45M. Luz Congosto

Día 1Proyectos

Visualizar

Aaron Koblin: New York Talk Exchange

http://www.aaronkoblin.com/work/NYTE/index.html

Page 46: Camon visualizar-2010-10-13

46M. Luz Congosto

Día 1Proyectos

Visualizar

David McCandless: Information Is Beautifulhttp://www.davidmccandless.com/

Page 47: Camon visualizar-2010-10-13

47M. Luz Congosto

Día 1Proyectos

Visualizar

Michael VanDaniker: Navegadores

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

Page 48: Camon visualizar-2010-10-13

48M. Luz Congosto

Día 1Proyectos

Visualizar

Bestiario

http://bestiario.org

Page 49: Camon visualizar-2010-10-13

49M. Luz Congosto

Día 1Proyectos

Visualizar

http://www.visualcomplexity.com

Page 50: Camon visualizar-2010-10-13

50M. Luz Congosto

Día 1Proyectos

Visualizar

Simposio Visualizar Medialab Prado

http://medialab-prado.es/visualizar

Page 51: Camon visualizar-2010-10-13

51M. Luz Congosto

Día 1Proyectos

Visualizar

Newsmap http://newsmap.jp/

Page 52: Camon visualizar-2010-10-13

52M. Luz Congosto

Día 1Proyectos

Visualizar

NY times

http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html

Page 53: Camon visualizar-2010-10-13

53M. Luz Congosto

Día 1Proyectos

Visualizar

The Guardian

http://www.guardian.co.uk/sport/interactive/2010/sep/30/ryder-cup-2010-interactive-course

Page 54: Camon visualizar-2010-10-13

54M. Luz Congosto

Día 1Proyectos

Visualizar

El Marcahttp://www.marca.com/deporte/futbol/mundial/sudafrica-2010/calendario.html

Page 55: Camon visualizar-2010-10-13

55M. Luz Congosto

Día 1Proyectos

Visualizar

La informaciónhttp://graficos.lainformacion.com

Page 56: Camon visualizar-2010-10-13

56M. Luz Congosto

Día 1Proyectos

Visualizar

Vídeos recomendados

Hans RoslingTED conferenceFeb-2006

David McCandelessTED conferenceJul-2010

http://datajournalism.stanford.edu/

2009-2010

Page 57: Camon visualizar-2010-10-13

57M. Luz Congosto

Día 1

Visualización Redes Java / javascript Flash

Un paseo por la Visualización en 7 díasI N D I C E

¿Para qué?

¿Cómo?

Tecnologías

Proyectos

Tendencias

ManyEyes

Page 58: Camon visualizar-2010-10-13

58M. Luz Congosto

Día 1Tendencias

Visualizar

Proliferación de infografías http://infographics-inspiration.blogspot.com/http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/

Page 59: Camon visualizar-2010-10-13

59M. Luz Congosto

Día 1Tendencias

Visualizar

Visualización en medios digitales http://datajournalism.stanford.edu/index.html

Page 60: Camon visualizar-2010-10-13

60M. Luz Congosto

Día 1Tendencias

Visualizar

Visualización de Información pública abierta

Page 61: Camon visualizar-2010-10-13

61M. Luz Congosto

Día 1Tendencias

Visualizar

Curriculums visuales

http://jedi.be/blog/2009/11/28/building-a-visual-resume/

Page 62: Camon visualizar-2010-10-13

62M. Luz Congosto

Día 1

Visualización Redes Java / javascript Flash

Un paseo por la Visualización en 7 díasI N D I C E

¿Para qué?

¿Cómo?

Tecnologías

Proyectos

Tendencias

ManyEyes

Page 63: Camon visualizar-2010-10-13

63M. Luz Congosto

Día 1manyEyes

Visualizar

Visualizar con manyEyes

http://manyeyes.alphaworks.ibm.com/manyeyes/

1. Datos2. Filtros3. Visualización

Page 64: Camon visualizar-2010-10-13

64M. Luz Congosto

Día 1manyEyes

Visualizar

Datos: fuente Twitter

http://dev.twitter.com/pages/streaming_api

Herramienta: Twitter streaming API

Duración: de las 15:20 del 28-ago-2010 a las 18:15:06 del 13-sep-2010

Palabras clave: basket, #basket, baloncesto, #baloncesto, basketball, #basketball, turkey2010, #Turkey2010, FIBA2010, #FIBA2010, #ang, #arg, #aus, #bra, #can, #chn, #civ, #cro , #esp ,#fra ,#ger ,#gre ,#iri ,#jor ,#lib ,#ltu, #nzl ,#pur, #rus, #slo, #srb, #tun, #tur, #usa

Muestra obtenida: 683.289 tweets

Muestra seleccionada: 209.585 tweets

Page 65: Camon visualizar-2010-10-13

65M. Luz Congosto

Día 1manyEyes

Visualizar

Filtros: Script propio en Python

Formato: tablaContenido:

Usuarios más activosPalabras más usadasAplicaciones utilizadasJugadores más mencionadosMenciones a países

Desglose: total, por día y por hora

http://code.google.com/p/camon/wiki/Introduccion

Page 66: Camon visualizar-2010-10-13

66M. Luz Congosto

Día 1manyEyes

Visualizar

Visualizaciones: manyEyes

http://manyeyes.alphaworks.ibm.com/manyeyes/

Bubble chart: usuarios más activosWord Cloud Generator: Palabras más usadasStack Graph: Menciones por paísesTreeMap: Aplicaciones utilizadasWorld Map : Menciones a paísesNetwork diagram: Relaciones entre usuarios

Page 67: Camon visualizar-2010-10-13

67M. Luz Congosto

Día 1 Visualizar

Muchas gracias por vuestra atención

M. Luz CongostoContacto:

http://twitter.com/congosto

Blog

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