Área apilada

Descripción general

Los gráficos de área apilada muestran múltiples series como capas, permitiendo ver tanto el aporte individual como la magnitud total. Cada serie se coloca encima de la anterior compartiendo la misma línea base.

Cuándo usarlo

Mostrar cómo contribuyen las partes a un todo
Visualizar totales acumulados por categoría
Destacar tendencias individuales y agregadas
Comparar proporciones relativas en el tiempo

No es ideal para

Escenarios donde importan más los valores individuales que la composición
Leer valores exactos de series intermedias o superiores (es más difícil)
Más de 5–7 series, ya que genera ruido visual

Variaciones clave

Apilado porcentual (normalizado al 100 %)
Rellenos con degradado para impacto visual
Stream graphs (línea base centrada)
Con o sin suavizado

Datos (CSV)

x,y,series
2025-01-01,30,Product A
2025-01-02,35,Product A
2025-01-03,40,Product A
2025-01-04,38,Product A
2025-01-05,42,Product A
2025-01-06,45,Product A
2025-01-07,48,Product A
2025-01-01,25,Product B
2025-01-02,28,Product B
2025-01-03,32,Product B
2025-01-04,30,Product B
2025-01-05,35,Product B
2025-01-06,38,Product B
2025-01-07,40,Product B
2025-01-01,15,Product C
2025-01-02,18,Product C
2025-01-03,20,Product C
2025-01-04,22,Product C
2025-01-05,25,Product C
2025-01-06,28,Product C
2025-01-07,30,Product C

Configuración del gráfico (JSON)

Consejos de rendimiento

Limita la visualización a 5–7 series para mantener la legibilidad
Usa esquemas de color consistentes para identificar categorías
Añade tooltips interactivos para mostrar valores exactos

Preguntas frecuentes

¿Cómo leo los valores de una serie intermedia? Observa la distancia vertical entre sus límites superior e inferior, no la posición absoluta. Los tooltips ayudan bastante.

¿Área apilada vs agrupada? El apilado muestra composición y total; el agrupado (líneas separadas) deja más claro el comportamiento individual.

Example

Guide