Narración de historias con gráficos

'Narración gráfica de historias'

Parte 4 (II): ¿Quieres mostrar Composición?

Foto de Jonatan Pie en Unsplash

Esta es la segunda parte (de un cuarto artículo) cuyo objetivo es indicar cuáles son las mejores técnicas de visualización de datos cuando el propósito del mensaje a transmitir al público es mostrar la composición de los datos.

Se recomienda encarecidamente, para una mejor comprensión del contenido de este artículo, leer (o revisar) el artículo anterior donde se describió el concepto de Composición y algunos de sus elementos de análisis.

En ese artículo anterior, indicamos que los siguientes son seis gráficos más comúnmente utilizados para mostrar composición: gráficos circulares (pie charts); gráficos de barras apiladas (stacked bar charts); treemaps; gráficos de áreas apiladas (stacked area charts); gráficos de cascada (waterfall charts); gráficos de Marimekko.

Los tres primeros de la lista se describieron en detalle en ese artículo. Ahora, nos concentraremos en los últimos tres de esa lista (Gráficos de Área Apilada; Gráficos de Marimekko; Gráficos de Cascada).

Gráficos de Área Apilada

Primero definamos qué es un gráfico de área: es un tipo de gráfico de líneas con el área entre la línea que conecta los puntos de datos y el eje horizontal rellena con un color particular.

Hay cuatro tipos diferentes de gráficos de área: 1) Gráficos de Área Estándar; 2) Gráficos de Área Apilada; 3) Gráficos de Área Apilada porcentual; 4) Gráficos de Área Superpuesta. Solo los Gráficos de Área Apilada (StACs) y los Gráficos de Área Apilada porcentual (%StACs) se utilizan para mostrar Composición.

En ambos Gráficos de Área Apilada, varias áreas se apilan una encima de la otra. Muestran la evolución de una variable numérica a lo largo del tiempo (composición dinámica) con una tercera variable, generalmente categórica, utilizada para mostrar composición.

Relacionado con StAC, es un gráfico de Parte a Todo donde cada área indica el valor absoluto de cada parte referido al total de la categoría. Relacionado con %StAC, también es un gráfico de Parte a Todo donde cada área indica el porcentaje de cada parte referido al total de la categoría. No hay superposición entre las diferentes áreas. En un StAC, la altura final del eje vertical está relacionada con la suma de todos los valores numéricos representados. En un %StAC, la altura final del eje vertical siempre es del 100%.

La Figura 1 muestra un StAC que representa las ventas de PS4 en cuatro regiones diferentes entre 2013 y 2018. Las leyendas mostradas en la esquina superior derecha del gráfico indican a qué región pertenecen las áreas de diferentes colores. Se puede ver cómo cada región (cada área, cada parte) contribuye a las ventas totales (el todo, suma de las ventas). La altura de cada área representa el valor absoluto en ventas de cada región en particular, mientras que la altura final es la suma de esos valores que indica las ventas totales por año. Se puede ver que un StAC se debe utilizar principalmente para comunicar la tendencia general y la contribución relativa de cada parte al todo sin preocuparse por mostrar los valores numéricos exactos de cada parte.

Fig. 1: un Gráfico de Área Apilada. Gráfico realizado por el autor con Plotly Express.

La Figura 2 es un %StAC que representa los mismos datos de ventas de PS4. Cada área representa el porcentaje de cada región en relación con las ventas totales globales de PS4. Como se indicó anteriormente, la altura final es del 100%. Sin duda, este tipo de gráfico permite un mejor análisis de la composición de las ventas mundiales que el mostrado en la Figura 1.

Fig. 2: un Gráfico de Área Apilada porcentual. Gráfico realizado por el autor con Plotly Express.

Una advertencia final: los gráficos StACs y %StACs son relativamente difíciles de leer y comprender, ya que dependen de la capacidad de la audiencia para decodificar información numérica al comparar áreas apiladas. Recomendamos usarlos solo para comunicar la tendencia global y la contribución relativa de cada parte al todo.

Gráficos Marimekko

Son un tipo particular de gráfico de barras de ancho variable. Los gráficos Marimekko (MCs) son similares a los gráficos de barras apiladas al 100%, pero se diferencian de ellos en que sus barras rectangulares pueden tener diferentes anchos.

Los MCs se utilizan para mostrar dos variables numéricas para cada categoría presente en el conjunto de datos. Tienen dos ejes: el eje vertical tiene una escala numérica del 100%, mientras que el eje horizontal puede ser tanto categórico como numérico. Las barras rectangulares se disponen en una orientación vertical sin dejar espacio entre ellas. Se ocupa todo el ancho del eje horizontal.

La Figura 3 muestra un Gráfico Marimekko. El gráfico muestra los ingresos anuales por marca y región. El eje vertical de porcentaje indica los porcentajes por región, mientras que el eje horizontal indica los ingresos anuales por marca. Estamos indicando en un solo gráfico dos valores numéricos para cada categoría y subcategoría.

Fig. 3: un gráfico Marimekko. Creado con Vizzlo con permiso (#1).

Como mencioné anteriormente: “Los elementos que caracterizan un gráfico Marimekko se pueden ver: un área rectangular dividida en rectángulos más pequeños de ancho variable; rectángulos apilados verticalmente; un eje horizontal que ocupa todo el ancho del gráfico; un eje vertical con una escala de porcentaje; ingresos totales por marca en la línea de base superior; diferentes anchos de barra que permiten calcular las contribuciones relativas de cada marca a los ingresos totales”.

Los gráficos Marimekko se pueden usar como sustitutos de las barras apiladas al 100%, pero solo para análisis estáticos (para mostrar la composición en un momento en el tiempo). Nunca se deben usar para mostrar cambios de composición a lo largo del tiempo.

Misma advertencia que se indica con los gráficos de área apilada: los MCs son difíciles de interpretar porque los humanos no son tan buenos calculando áreas, especialmente con un número creciente de rectángulos.

Gráficos de cascada

Los gráficos de cascada (WCs) son un tipo particular de gráfico de barras que representan los efectos acumulativos de los datos que oscilan entre adiciones y sustracciones. El mensaje es contar la historia sobre los cambios de composición entre dos puntos de datos.

Un WC consta de una barra vertical inicial, un conjunto de barras verticales intermedias y una barra vertical final. El diseño habitual (y recomendable) es que las barras verticales inicial y final (columnas) tengan el mismo color, mientras que las barras intermedias (barras flotantes) muestran un valor verde para las adiciones y un valor rojo para las sustracciones. También es costumbre que las primeras y últimas columnas comiencen en la línea de base cero.

Fig.4: un gráfico de cascada basado en categorías hecho por el autor con Plotly.

Un WC proporciona más información contextual que un gráfico de barras estándar. Mientras que este último solo muestra los valores iniciales y finales, el primero indica la contribución de los elementos de adición y sustracción al total y la composición del cambio entre esos valores iniciales y finales.

Esta notable capacidad para contar la historia de los cambios entre los valores iniciales y finales tiene su contraparte en la complejidad de interpretar correctamente la magnitud de los cambios. Esto se debe a la ausencia de una línea de base común en las columnas flotantes, lo que dificulta la comparación de los tamaños particulares de las adiciones y sustracciones sucesivas. La mejor práctica es agregar anotaciones numéricas en las columnas y vincularlas con líneas horizontales de conexión (Fig.4 y Fig.5).

La figura 5 muestra un gráfico de cascada basado en el tiempo que representa la historia de los cambios en el número de visitantes mensuales a una página web ficticia. Cualquier otra representación visual sería más compleja para que una audiencia promedio comprenda esta situación en particular.

Fig.5: un gráfico de cascada basado en el tiempo hecho por el autor con Plotly.

Conclusiones

Una pregunta crucial en cualquier proyecto de visualización de datos es: “¿Elegí el gráfico correcto para contar mi historia?”

La elección del gráfico más apropiado depende de la naturaleza del mensaje que se va a transmitir a nuestra audiencia.

Se utilizan seis tipos diferentes de gráficos cuando la composición es el mensaje que se va a transmitir: gráficos de torta; gráficos de barras apiladas; treemaps; gráficos de área apilada; gráficos de cascada; gráficos de Marimekko.

Nuestra recomendación es utilizar gráficos de torta para composición estática y gráficos de barras apiladas para composición dinámica. Los treemaps son una alternativa válida cuando el conjunto se compone de diez o miles de partes. Los gráficos de Marimekko son apropiados para representar dos variables numéricas que incluyen una categoría principal y sus subcategorías. Finalmente, un gráfico de cascada muestra solo la composición del cambio entre los valores iniciales y finales.

Si encuentra este artículo interesante, lea alguno de mis 56 anteriores: https://medium.com/@dar.wtz. Más de 300 mil visitas sobre visualización de datos, simulación, técnica de Monte Carlo, paneles de control, etc.

#1: https://vizzlo.com/

We will continue to update Zepes; if you have any questions or suggestions, please contact us!

Share:

Was this article helpful?

93 out of 132 found this helpful

Discover more

Inteligencia Artificial

🤖 ¡Háganse a un lado para el robot similar a una anguila un avance en la tecnología submarina! 🌊

Una innovación de vanguardia del Instituto Federal Suizo de Tecnología Lausana ha producido un notable y versátil rob...

Aprendizaje Automático

La caja de voz de Meta la IA que habla todos los idiomas.

En un desarrollo innovador, Meta, la empresa matriz de Facebook, ha presentado su última inteligencia artificial (IA)...

Inteligencia Artificial

De las palabras a los mundos Explorando la narración de videos con la descripción de video fina y detallada multimodal de IA

El lenguaje es el modo predominante de interacción humana, ofreciendo más que solo detalles complementarios a otras f...

Inteligencia Artificial

Google Chrome ahora muestra resúmenes de artículos impulsados por IA para una lectura sin esfuerzo

Google está una vez más a la vanguardia de la innovación con su Experiencia Generativa de Búsqueda (SGE) impulsada po...

Inteligencia Artificial

El cucaracha cibernético puede navegar por un laberinto

Los investigadores han desarrollado un método para crear cucarachas ciborg para ser utilizadas en misiones de búsqued...

Investigación

Entrenando máquinas para aprender más como lo hacen los humanos

Los investigadores identifican una propiedad que ayuda a los modelos de visión por computadora a aprender a represent...