Infografía y Visualización de datos

Iniciación a la Infografía y Visualización de datos

Curso de la UOC

MÓDULO 0: Introducción Y Objetivos Del Curso

Bienvenido al curso Iniciación a la infografía y visualización de datos.

En este mooc aprenderás los fundamentos de la comunicación visual por medio de gráficos estadísticos, mapas y diagramas que permitan aumentar el atractivo de las historias que se hallan detrás de un conjunto de datos.

El curso se divide en cuatro módulos:

1- Visualización, percepción y diseño.

En este primer módulo definiremos qué es la visualización y nos centraremos en el modo en que la visualización se relaciona con los principios de la percepción humana. De este modo, vamos a tratar de aprovechar ese conocimiento para a aprender a diseñar mejores gráficos.

  1. Exploración visual de datos

En el segundo módulo aprenderemos a explorar datos con el programa Flourish. Principalmente se tratarán los gráficos de dispersión, los mapas de datos y la comparación de variables.

  1. Visualizar para comunicar

En el tercer módulo se tratarán las diferentes formas de codificación de un gráfico con el fin de elegir aquellos más apropiados al objetivo de comunicar con datos.  Aprenderemos a identificar errores en gráficos existentes y a usar textos para contar historias con gráficos.

  1. Estudios de caso

En el último módulo del curso veréis un abanico de gráficos que llaman poderosamente la atención por distintos motivos. Estos nos van a ayudar a abrir la mente en la búsqueda de formas de codificación y formatos originales.

Al final de cada módulo hay una actividad de evaluación, mayoritariamente tests que permitirán repasar y consolidar los contenidos.

https://www.youtube.com/watch?time_continue=10&v=BEVLsSDz5X4

MÓDULO 1: Visualización, Percepción, Diseño

En este primer módulo definiremos qué es la visualización y nos centraremos en el modo en que la visualización se relaciona con los principios de la percepción humana. De este modo, vamos a tratar de aprovechar ese conocimiento para a aprender a diseñar mejores gráficos.

Para conseguir este propósito, se abordarán los principios de la percepción visual y elementos básicos del diseño gráfico para potenciar la capacidad comunicativa de los gráficos de datos.

Introducción

La visualización de datos nos permite extraer significados a partir de un gran volumen de datos aparentemente inabarcable. Si tomamos, por ejemplo, una hoja de cálculo que recogiese las temperaturas globales del planeta a lo largo de miles años, no podríamos dotarle de mucho sentido. Si embargo, aplicando la visualización obtenemos un gráfico de la tipología denominada ‘palo de hockey’.

En el vídeo siguiente tomamos este ejemplo, que nos permite además entender lo que significa una variable proxy (cuando no hay los datos reales, se calcula en base al crecimiento de anillos de árboles, etc) así como los niveles de incertidumbre.

 Descargar documento: Diapositivas-1-9.pdf

https://www.youtube.com/watch?time_continue=8&v=enTHrSrutts

Elementos de una visualización

Los elementos de una visualización son:

1) Estructura. Es todo lo que soporta el contenido, por ejemplo los ejes, la escala, el título, o el año también se podrían considerar parte de la estructura.

2) Anotaciones. Son las ampliaciones de texto para entender el contexto de los datos.

3) Codificaciones .  Es la representación visual y se apoya en los distintos elementos gráficos como el color, la forma, longitud, grosor, área, ángulo, posición, etc.

En el siguiente vídeo comentamos en profundidad cada uno de estos elementos.

 Descargar documento: Diapositivas-10-17.pdf

https://www.youtube.com/watch?time_continue=17&v=zJgtYMVvR48

Cómo elegir codificaciones

Definir la codificación es el primer paso a la hora de realizar un gráfico. En este vídeo te explicamos cómo elegir el método más apropiado.

 Descargar documento: Diapositivas-18-25.pdf

https://www.youtube.com/watch?time_continue=7&v=bzV7zui3NEA

Los principios fundamentales

Como podrás profundizar en el siguiente vídeo, las buenas visualizaciones:

  • Están basadas en buenos datos
  • Son atractivas
  • Representan los datos proporcionalmente
  • Muestran una cantidad adecuada de datos.

 Descargar documento: Diapositivas-26-33.pdf

https://www.youtube.com/watch?time_continue=12&v=0SQmSNII8pk

Dónde obtener datos

Podemos obtener datos de diferentes fuentes de carácter público. En este curso utilizaremos datos de entidades de cierto prestigio y fiabilidad como el Banco Mundial, el Fondo Monetario Internacional, Las Naciones Unidas, Organización Internacional del trabajo, etc.

 Descargar documento: Diapositivas-34-39.pdf

https://www.youtube.com/watch?time_continue=2&v=_uescT7vrYs

Webs de datos

https://www.gapminder.org/data/

https://ec.europa.eu/eurostat/data/database

http://www.ine.es

https://datos.bancomundial.org/

http://www.ipcc.ch/index.htm

http://datarepublica.com/#!/home

https://flourish.studio/

MÓDULO 2: Exploración Visual De Datos

En el segundo módulo aprenderemos a explorar datos con el programa Flourish. Principalmente se tratarán los gráficos de dispersión, los mapas de datos y la comparación de variables.

Se utilizará la visualización como herramienta de exploración de datos que puedan hacerlos más entendibles.

Revelar patrones y tendencias

La visualización nos puede ayudar a revelar patrones y tendencias ocultas en los datos. De hecho, esta fue una de sus funciones originales, de acuerdo con algunos de los libros publicados sobre el tema.

En este apartado exploraremos los datos a partir de un caso real y trabajaremos con el software de visualización Flourish.

https://www.youtube.com/watch?time_continue=13&v=CkoFvvv78Gw

 Descargar documento: Diapositivas-40-47.pdf

Cómo usar Flourish

En este vídeo exploraremos las posibilidades del programa de visualización Flourish y prepararemos los datos en función del tipo de gráfico a realizar.

https://www.youtube.com/watch?time_continue=6&v=xl1kJG9wFCU

Explorando con Flourish

En este vídeo vamos a explorar los datos reales a partir de una hoja de cálculo que recoge la información de las escuelas públicas del estado de Florida (EUA).

Puedes descargarte el fichero en formato csv y realizar la exploración por tu cuenta.

https://www.youtube.com/watch?time_continue=12&v=S-ibpepags8

 Descargar documento: SchoolsMiamiDade.csv

Gráficos de dispersión

En este vídeo continuamos explorando las distintas opciones que nos permite el gráfico de dispersión para entender la realidad en el conjunto de datos que hemos usado en el anterior ejercicio.

https://www.youtube.com/watch?time_continue=7&v=GQ4xBwDvknU

Comparación de variables

En este vídeo continuamos analizando los datos de educación de Miami, pero esta vez los comparamos con otras variables que no están en este conjunto de datos con el objetivo de encontrar una ‘historia’ que permita explicar algunas relaciones de causalidad.

https://www.youtube.com/watch?time_continue=7&v=xjFLOoqQGBQ

Mapas de datos

Una de las formas de visualización más habituales son los mapas de datos. En este vídeo aprenderás a realizarlos con el programa Flourish.

https://www.youtube.com/watch?time_continue=14&v=AUHym5uC_28

MÓDULO 3: Visualizar Para Comunicar

Una vez que hemos tratado la visualización como herramienta de exploración de datos, en el tercer módulo nos centraremos en la función de la visualización como herramienta de comunicación.

Para ello, se tratrarán las diferentes formas de codificación de un gráfico con el fin de elegir aquellos más apropiados al objetivo de comunicar con datos.  Aprenderemos a identificar errores en gráficos existentes y a usar textos para contar historias con gráficos. Se analizará cómo elegir gráficas, mapas, etc. y cómo estructurar una historia visual.

Elegir formas de codificación efectivas

¿Cómo elegir un método de codificación?

Depende del propósito de del gráfico. En este vídeo ofrecemos algunos recursos para tratarnos de ajustar al objetivo comunicacional.

https://www.youtube.com/watch?time_continue=16&v=OtrblKD75kU

http://www.annkemery.com/essentials

https://github.com/ft-interactive/chart-doctor/blob/master/visual-vocabulary/Visual-vocabulary.pdf

 Descargar documento: Modulo3pp51-56.pdf

La jerarquía de la codificación

Hace unos años, Cleveland y Mc Gill hicieron un experimento para comprobar el nivel de precisión con el que percibimos los distintos elementos de codificación en un gráfico. De acuerdo a este estudio, se estableció una jerarquía entre estos métodos. En el vídeo siguiente, explicamos en qué consiste esta jerarquía y como tenerla en cuenta para la realización de nuestros gráficos.

https://www.youtube.com/watch?time_continue=14&v=U7WinZV2TR8

 Descargar documento: Modulo3pp58-62.pdf

Diseño para la comprensión

Además de elegir las formas de codificación de un gráfico, debemos seguir una serie de pasos para hacer más comprensibles nuestros gráficos. En este vídeo te indicamos distintas estrategias como simplificarlimpiar o usar multiples gráficos cuando la información que se quiere expresar es densa o compleja.

https://www.youtube.com/watch?time_continue=27&v=cxk_yW6WaIo

 Descargar documento: Diapositivas-64-73.pdf

Palabras y anotaciones

El tercer elemento principal de una visualización, además de la estructura y la codificación son las anotaciones. En nuestras visualizaciones debemos prestar mucha atención y elegir bien dichos textos.

En el siguiente vídeo te enseñamos algunos ejemplos que permitan acometer el objetivo de saber combinar bien las imágenes con el texto, y encontrar un buen título será clave.

https://www.youtube.com/watch?time_continue=18&v=bQtSUtVvyfQ

 Descargar documento: Diapositivas-74-80.pdf

Contar historias con Flourish

Finalmente, para concluir el tercer módulo practicaremos con la creación de historias utilizando el programa Flourish. Podremos integrar diferentes gráficos dentro de una misma historia.

https://www.youtube.com/watch?time_continue=11&v=S47yl_Y9z9Y

MÓDULO 4: Estudios De Caso

En el último módulo del curso veréis un abanico de gráficos que llaman poderosamente la atención por distintos motivos. Estos nos van a ayudar a abrir la mente en la búsqueda de formas de codificación y formatos originales o innovadores.

Se analizarán distintos casos de visualizaciones destacables por sus características visuales o exploratorias y porque aportan novedades conceptuales o nuevas propuestas visuales.

Introducción

Existe  un cierto consenso a la hora de identificar las tres principales funciones básicas de la disciplina de la visualización de la información.

  • En primer lugar, podemos decir que utilizamos las visualizaciones para el almacenamientode información. A través de una visualización, podemos registrar en una representación gráfica una importante cantidad de datos.
  • La segunda de esas funciones es que una visualización facilita la comunicaciónefectiva de información. Es decir, esas representaciones gráficas nos permiten transmitir datos de manera que puedan ser asimilados de forma cómoda por los receptores a los que van dirigidos.
  • La última de las funciones es que una visualización actúa también de soporte al razonamiento.Graficar un conjunto de datos permite aflorar e identificar, mediante representaciones visuales, aspectos, relaciones y patrones que no son evidentes o perceptibles abordando a simple vista ese conjunto de datos.

Esas tres funciones se encuentran detrás de la mayoría de visualizaciones desarrolladas en los últimos tiempos. Sin embargo, podemos destacar un subconjunto por sus planteamientos innovadores y su contribución al desarrollo de la propia disciplina de la visualización. El objetivo de este módulo es revisar algunas de esas visualizaciones innovadoras. Para abordarlas, las hemos organizado en dos grupos diferentes. Por un lado, presentaremos una selección de aquellas que han destacado por incorporar novedades conceptuales y nuevas propuestas visuales. A continuación, mostraremos otras que han llamado la atención por la importancia del conjunto de datos que han analizado con esa visualización.

https://www.youtube.com/watch?time_continue=10&v=LJhNAmbiNeU

Visualizaciones conceptuales

El primer grupo de visualizaciones que queremos destacar fundamentan su singularidad en la aportación de nuevas propuestas visuales para la representación de datos.

https://www.youtube.com/watch?time_continue=2&v=YYUNnX0Y4jE

Visualizaciones analizadas:

https://guns.periscopic.com/?year=2013

https://www.theguardian.com/uk/interactive/2011/dec/07/london-riots-twitter

https://pudding.cool/2017/03/music-history/index.html

https://fivethirtyeight.com/features/gun-deaths

 Propuestas conceptuales (2)

Las siguientes visualizaciones aportan nuevas fórmulas gráficas para transformar datos en representaciones visuales innovadoras.

https://www.youtube.com/watch?time_continue=11&v=2BCj_pGcvgU

Visualizaciones analizadas:

https://www.nytimes.com/interactive/2017/06/08/world/europe/british-general-election-results-analysis.html

http://rhythm-of-food.net

http://www.stefanieposavec.com/entangled-word-bank

http://www.dear-data.com/theproject

Propuestas estéticas

El segundo grupo de visualizaciones que queremos recoger destaca por haber sido capaces de representar conjuntos de datos que se caracterizan por su originalidad o por el interés despertado. Visualizaciones, en definitiva, que destacan por presentarnos un análisis visual de datos de interés.

https://www.youtube.com/watch?time_continue=5&v=-9Kw4zmyASI

Visualizaciones analizadas:

https://www.washingtonpost.com/graphics/2017/business/women-pay-gap/?utm_term=.09ebafb2db00

https://pudding.cool/2017/03/film-dialogue

http://archive.nytimes.com/www.nytimes.com/interactive/2012/08/05/sports/olympics/the-100-meter-dash-one-race-every-medalist-ever.html

https://landing.google.com/altmedaltable/results

Análisis visuales (2)

Las siguientes visualizaciones destacan por haber sido capaces de representar conjuntos de datos que se caracterizan por su originalidad o por el interés despertado. Visualizaciones, en definitiva, que destacan por presentarnos un análisis visual de datos de interés.

https://www.youtube.com/watch?time_continue=12&v=VIYUbe2-j6c

Visualizaciones analizadas:

http://www.univision.com/noticias/elecciones-2016/interactivo-todas-las-mentiras-de-trump-y-clinton-frente-a-frente-y-en-un-vistazo

https://informationisbeautiful.net/visualizations/based-on-a-true-true-story

https://fathom.info/traces

http://www.informationisbeautiful.net/visualizations/colours-in-cultures?utm_content=bufferd10d7&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer

Cierre Y Conclusiones Del Curso

Muchas felicidades por haber llegado al final del curso!.

Deseamos que hayas podido sacar provecho de estas cuatro semanas donde nos hemos adentrado en los principios de la visualización. Esto es solo una pequeña muestra de lo que se puede llegar a hacer si nos adentramos en cada uno de los apartados.

Vídeo despedida

En el siguiente vídeo nos despedimos y os ofrecemos alguna pista sobre cómo seguir si este curso os ha sabido a poco.

https://www.youtube.com/watch?time_continue=3&v=DNdtY-wyJyk

Hasta pronto!

Gemma, Alberto, Mario y Esteve