Iniciación a la Infografía y Visualización de datos
Curso MOOC 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.
- 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.
- 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.
- 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
https://datos.bancomundial.org/
http://datarepublica.com/#!/home
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 simplificar, limpiar 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:
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
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:
https://informationisbeautiful.net/visualizations/based-on-a-true-true-story
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