Área Empilhada

Visão geral

Gráficos de área empilhada exibem múltiplas séries em camadas, mostrando tanto as contribuições individuais quanto a magnitude total. Cada série é empilhada sobre a anterior.

Quando usar

Mostrar composição e como as partes contribuem para o todo
Exibir totais cumulativos entre categorias
Enfatizar tendências individuais e agregadas
Comparar proporções relativas ao longo do tempo

Não é ideal

Quando valores de séries individuais são mais importantes do que a composição
Comparar valores exatos das séries do meio/topo (mais difícil de ler)
Muitas séries (>5–7) criam poluição visual

Variações principais

Empilhamento em porcentagem (normalizado para 100%)
Preenchimentos em gradiente para apelo estético
Stream graphs (linha de base centralizada)
Com/sem suavização

Dados (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

Configuração do Gráfico (JSON)

Dicas de desempenho

Limite a 5–7 séries para legibilidade
Use paletas consistentes para facilitar o reconhecimento de categorias
Considere tooltips interativos para mostrar valores exatos

Perguntas frequentes

Como ler valores das séries do meio? Observe a distância vertical entre os limites, não a posição absoluta. Tooltips interativos ajudam.

Empilhado vs agrupado? Empilhado mostra composição e total; agrupado (linhas separadas) mostra tendências individuais com mais clareza.

Example

Guide