VIT Logo Indicador Multidimensional de Calidad de Vida (INE) Colabora en el repositorio

Cómo (y por qué) rehicimos el indicador del INE

Como viene siendo habitual cuando reimaginamos otras aplicaciones de datos públicos abiertos, el objetivo de este esfuerzo es celebrar los datos abiertos. Ya es emocionante que los datos existan, pero cuando se acompañan de una visualización que nos ayuda a comprenderlos y explorarlos, ¡es aún más emocionante! Y, como siempre, hemos respetado el diseño original al tiempo que intentamos mejorar la claridad y la usabilidad del mismo.

Y al igual que con nuestra iniciativa Catalunya en Dades, utilizamos Observable, un generador de sitios estáticos gratuito y de código abierto para aplicaciones de datos, en lugar de productos de software comerciales como Tableau (la herramienta utilizada por el INE en este caso) o Power BI (la herramienta utilizada por la administración catalana).

Captura de pantalla del IMCV original
Página del MQLI (IMCV en español), un indicador experimental sobre la calidad de vida, desarrollado por el Instituto Nacional de Estadística (INE).

Permitidnos insistir: nosotros no hemos desarrollado este indicador, es del INE. Sólo hemos reimaginado aspectos de su presentación visual y las tecnologías utilizadas en su diseminación. Para más información:

Otros trabajos nuestros, como el Índice de Vulnerabilidad Social (en desarrollo), sí que son proyectos de análisis estadístico de la sociedad propios de la Fundació ViT. Pero este no es el caso.


Nos chiflan las flores

La visualización principal del panel de datos del INE es un puñado de flores multicolores, una para cada comunidad autónoma. En cada flor, cada pétalo representa una de las nueve dimensiones del índice y la longitud —y grosor— de cada pétalo representa el valor de esa dimensión en la región.

Está basado en una visualización de 2013 del Índice de Mejor Vida de la OCDE, realizada por Moritz Stefaner en colaboración con Raureif y Dominikus Baur. (El concepto del índice en sí está igualmente inspirado en el índice de la OCDE y otros proyectos similares).

Captura de pantalla de la visualización de las flores utilizada en el Better Life Index de la OECD
Visualización del Índice para una Vida Mejor de la OCDE (2013).
Captura de pantalla de la visualización de las flores utilizada en el IMCV original
Visualización del IMCV del INE utilizando Tableau

No hemos rediseñado la visualización de flor; solo la hemos limpiado, manteniendo la forma básica. Dado que estamos usando D3 en lugar de Tableau, lo que usó el INE originalmente, tenemos un control más preciso sobre la estética de las figuras.

Nuestra propuesta de visualización.

La estructura

El producto original del INE tiene dos partes:

Esquema de la estructura de nuestro rediseño
Esquema de la estructura de nuestro rediseño.

En nuestra versión hemos movido el segundo panel —en el que puedes manipular el peso de cada dimensión— a la parte inferior de la aplicación, para que puedas jugar con él en la misma página.


También nos chiflan los mosaicos

Nuestra vista general es ligeramente diferente, con la parte superior dispuesta geográficamente en lugar de ordenada por valores como en el panel original. Bueno ... decir geográficamente es un poquito impreciso. En realidad lo que hemos diseñado es un mosaico, un dispositivo visual fascinante y una obsesión nuestra.

Este de aquí abajo es uno de la docena de mosaicos que diseñamos para el Air Pollution Note y el Climate Action Note durante nuestra colaboración con el Programa de las Naciones Unidas para el Medio Ambiente.

Visualizacion mundial mosaico
Mosaico que diseñamos para el Air Pollution Note del Programa de las Naciones Unidas para el Medio Ambiente (UNEP).

Para este mapa, creamos múltiples iteraciones del mosaico manualmente y de manera programática, y verificamos las fronteras en el mosaico con las fronteras geográficos reales. El mosaico de arriba es el más preciso, es decir, el que tenía más fronteras correctas. Cuatro no aparecen: Castilla y León con Galicia, Aragón y Navarra, y Castilla-La Mancha con Extremadura; y tiene 10 lindes que no existen en realidad.

Nuestra propuesta de mosaico.

Las tendencias

Los gráficos de línea de la mitad inferior del panel se filtran con un menú que actúa como leyenda. Los gráficos muestran las tendencias de cada dimensión que compone el índice, y puedes comparar esa tendencia en tantas o tan pocas comunidades autónomas como quieras.

Ajustamos el código de la leyenda interactiva de Toph Tucker para limitar la cantidad de comunidades que puedes seleccionar y evitar así el efecto de suéter multicolor.

Visualización de tendencias que presenta el llamado efecto del suéter multicolor.

En cuanto a los colores de las comunidades, teníamos dos opciones: utilizar una escala categórica de 20 colores (una locura), o una escala de 6, el límite que marcamos para reducir el número de líneas activas. En este último caso, una comunidad, pongámosle Galicia, puede ser marrón, azul o violeta, dependiendo del orden en que fuese seleccionada. Ya que la consistencia era más importante para nosotros, elegimos la locura.

Otra opción hubiera sido un input de tipo Select y una Plot.legend separada que solo muestre las regiones seleccionadas, pero creemos que la opción anterior es más fácil de usar.


Crea tu propio Indicador de Calidad de Vida

El INE creó también un segundo panel, que trasladamos a la parte inferior de nuestra aplicación de datos en lugar de mantenerlo separado. En él, como hemos explicado, puedes cambiar el peso de las diferentes dimensiones del índice, dando más o menos importancia a los diferentes aspectos.

La visualización original es un gráfico de barras con las barras que reaccionan a los cambios en los pesos, y puntos rojos como recordatorio visual del índice original.

Interactivo original del INE para personalizar el indicador
Interactivo original del INE para personalizar el indicador.

Esta es la única visualización que hemos rediseñado. En lugar de los gráficos de barras originales, hemos concebido un dispositivo visual más rico:


La calidad de vida por autonomías

La otra diferencia grande con la presentación del INE, son las páginas por autonomías. Desde la v1.11.0, Observable Framework permite rutas dinámicas y page loaders. Es una de las últimas incorporaciones a nuestro remake y es todavía un prototipo, inspirado en el índice de la OCDE. Como véis en el apartado de trabajo futuro, el plan es ampliarlo con más y mejor análisis de las variables estadísticas de detalle.


Trabajo futuro

Algunas cosas que nos gustaría considerar, por orden de prioridad: