Ir al contenido
Chart Buffet Gráficos a discreción

Evolución en el tiempo

Gráfico de áreas apiladas online

Capas apiladas unas sobre otras a lo largo del tiempo: el borde superior es el total y cada franja es una de sus partes.

1Tus datos

Tus datos nunca salen de este navegador

Consejo: copia las celdas directamente de una hoja de cálculo y pulsa Ctrl+V (⌘V en un Mac). · CSV, TSV, JSON, Excel u ODS

3Dale estilo

Calentando la cocina…
Datos
Títulos y texto
Alineación del título
Aspecto
Aspecto
Colores
Colores de las series
Marcas y etiquetas
Ejes y números
Tamaño
Descargar
Formato
Resolución

2× se ve nítido en pantallas de alta densidad y en impresión.

Guarda un gráfico como archivo para volver a abrirlo o compartirlo más tarde.

Qué es

Un gráfico de áreas apiladas suma series unas encima de otras a lo largo de un eje temporal. El contorno de toda la forma muestra el total, y el grosor de cada franja muestra la aportación de esa parte en cada momento.

✓ Úsalo cuando

  • Quieres mostrar a la vez el total y su composición en el tiempo: energía por fuente, ingresos por producto, población por región.
  • Hay varias partes —hasta seis o siete— y muchos puntos en el tiempo.

✗ Evítalo cuando

  • Necesitas leer valores exactos de las capas superiores: van montadas sobre las de abajo y no tienen una línea base plana.
  • Las partes incluyen valores negativos.
  • El total no tiene sentido porque las series miden cosas distintas.

Consejos para un gráfico mejor

Las matemáticas

En cada instante t, la capa j va de Sj−1(t) a Sj(t), donde Sj(t) = Σm≤j ym(t). El grosor de una franja es su valor, pero su pendiente aparente es la suma de su propio cambio y de todos los cambios que tiene debajo: por eso importa el orden de las capas.

Byron y Wattenberg lo formalizaron como la minimización del «bamboleo» de las capas y lo usaron para diseñar el streamgraph, un gráfico de áreas apiladas con una línea base móvil (Byron & Wattenberg 2008).

Un poco de historia

Las áreas apiladas descienden de los gráficos temporales divididos de los primeros manuales estadísticos (Brinton 1914). En 2008 el streamgraph, popularizado por un gráfico interactivo del New York Times sobre la recaudación de taquilla, mostró hasta dónde podía llevarse la forma; su geometría se publicó ese mismo año (Byron & Wattenberg 2008).

Preguntas

¿Por qué la capa superior se ve tan dentada?

Cada capa hereda los altibajos de todas las que tiene debajo. Pasa la serie más variable a la parte de arriba.

Referencias

  1. Byron, L. & Wattenberg, M. (2008). Stacked graphs — geometry & aesthetics. IEEE Transactions on Visualization and Computer Graphics 14(6), 1245–1252.
  2. Brinton, W. C. (1914). Graphic Methods for Presenting Facts. New York: The Engineering Magazine Company.
  3. Cleveland, W. S. & McGill, R. (1984). Graphical perception: theory, experimentation, and application to the development of graphical methods. Journal of the American Statistical Association 79(387), 531–554.