08 tns visualizacion_datos

Taller de Nuevos SoportesTaller de Nuevos SoportesProf. Marcelo dos Santos - @celoo Prof. Marcelo dos Santos - @celoo

Visualización de DatosUFT- 2016

Variable

1. Definir la(s) variable(s): el foco de la visualización

2. Entender cuál es el aspecto que me interesa visualizar

3. Pensar cuál o cuáles dimensiones (x, y) son relevantes para interpretar datos

4. Probar y mirar críticamenteIMPORTANTE: gráficas pueden ser

resultado Y/O proceso

UFT 3 Prof. Marcelo Santos - @celoo

Tipos de Gráficos¿Qué tipo de visualización me puede ayudar?

Algunos tipos de visualización de datos

1. Lineal2. Proporcional3. Dispersión4. Espacial5. Red Social6. Infografía


1. Lineal

Responde a la pregunta: ¿cómo varía este dato (y) en el tiempo?•Eje x suele ser tiempo, creciente•Barras, línea de tiempo, columnas•Una o más variables


¿Qué quiero mostrar?

• Visibilizar la inestabilidad y precariedad laboral de profesores a honorarios

• Cómo se afecta el promedio de sueldo sin remuneración en vacaciones


¿Qué quiero mostrar?


Fuente: elaboración propia con datos Mineduc

Es más… es un patrón



Otra forma de visualizar



Ejercicio 1

• Tomen el tema del examen y piensen una gráfica lineal

• Hagan un borrador en papel• Hagan un borrador en excel


2. Proporcional

• Pizza: pocas variables, sino ilegible• Columnas/líneas acumuladas para

comparativo fino• Porcentaje (área, columnas)


UFTProf. Marcelo Santos - @celoo



Ejercicio 2

Repetir ejercicio 1 para proporciones• Votación por comuna• Votación por sector económico• Proporción de premios nobel por

continente (puede ser mapa también)• Aportes a Teletón por sector (2015)• Etc.

16

3. Dispersión/distribución

• Varios individuos según una variable• Sueldos de un ministerio, para ver quién

gana más (Transparencia)• Distribución de incidencia• Búsqueda de grupos (clusters)


http://transparenciaactiva.presidencia.cl/2016/per_remuneraciones.html

3. Dispersión/distribución


“mientras más invierta un gobierno en salud pública, mayor será la esperanza de vida de sus ciudadanos.” Fuente: http://es.schoolofdata.org/de-los-datos-a-

los-graficos/

http://es.schoolofdata.org/de-los-datos-a-los-graficos/

4. Espacial

• Información georreferenciada (lugar, ciudad, comuna, país, continente etc.)

• Visualización por capas• Comparativo necesariamente• Uso de escalas de color


5. Red Social

• Visualización espacial de relaciones• Grupos que se conectan• Como fluye información• Muchas veces como

proceso/investigación y no como visualización de resultados• Selección de actores relevantes• Interacciones interesantes


5. Red Social


6. Infografía

• Visualización gráfica: espacial pero no necesariamente geográfica

• Explicación a fenómenos complejos


El cuerpo como mapa

AtributosOtros elementos de complejidad

Otros Atributos

1. Comparativo2. Multidimensionalidad

• No basta con dos variables

3. Interactividad • Dejo para el usuario definir qué quiere ver

26

¿Cómo mejorar?


Fuente: http://www.scielo.cl/fbpe/img/caledu/n39/art02-gra07.jpg

Comparativo y Acumulativo


Fuente: http://www.scielo.cl/fbpe/img/caledu/n39/art02-gra07.jpg

Lineal e Interactivo


http://world.time.com/2013/12/05/nelson-mandelas-extraordinary-life-an-interactive-timeline/

Espacial e interactivo


Red social e Interactivo


www.lapuertagiratoria.cl (Ciper Chile)

http://www.lapuertagiratoria.cl/

http://www.lapuertagiratoria.cl/red?ids=,3270232702,3270332703,3275532703,3275732702,3275432703

32

Ejemplos


• ¿Cuáles son las dimensiones?• ¿Cómo son representadas?

Fuente: New York Times online, consultado en 09/11/2016

http://www.nytimes.com/elections/results/president?action=click&pgtype=Homepage&clickSource=eln-president-map-image&module=span-abc-region&region=span-abc-region&WT.nav=span-abc-region

33UFTProf. Marcelo Santos - @celoo


34UFTProf. Marcelo Santos - @celoo


Tarea

A partir de los datos del proceso constituyente, elaborar una gráfica (Cualquier tipo) que muestre los datos de una forma que haga sentido y sea informativa•http://datos.gob.cl/dataset/proceso-constituyente-abierto-a-la-ciudadania

35

HerramientasUna manito…

RAW: http://raw.densitydesign.org/

• Density Design (Politécnico de Milano)• Gratuito• Subir excel o copiar-pegar en campo• Seleccionar gráfica• Copiar resultado

• Imagen (png)• Gráfica vectorial

(ej: trabajar en Illustrator)

37

Google Fusion Tables

• Grátis• Google “explora”

38

Infogr.am

39

Gephi (Redes Sociales)


Más

• http://es.schoolofdata.org/• https://public.tableau.com/s/gallery • http://voyant-tools.org/ • Datawrapper• Lista Marcelo Santos Dataviz


Education

08 tns visualizacion_datos