Blog
Gráficos a partir de dados

CSV para gráfico de áreas empilhadas online

Este é o gráfico para mostrar ao mesmo tempo como um total cresceu e como sua composição mudou. A borda superior traça o total; cada faixa colorida é um componente. Ele responde «crescemos e a composição mudou?» numa única imagem.

Seus dados não saem deste dispositivo

Seus dados

Cole uma tabela direto do Excel ou do Planilhas Google, ou solte um arquivo CSV. Nada é enviado: todo o cálculo acontece dentro desta aba do navegador.

CSV, TSV ou texto simples. Arquivos salvos em windows-1251 são detectados e relidos automaticamente, então os cabeçalhos não viram caracteres estranhos.

Opções de leitura

Colunas

Resultado

A biblioteca de desenho é baixada apenas ao pressionar o botão e apenas nesta página.

Esta página não tem lado servidor nenhum. A tabela colada é processada por JavaScript dentro do seu próprio navegador, o gráfico é desenhado num elemento canvas da sua máquina e o arquivo de exportação é montado localmente. Nada é enviado, armazenado ou gravado em qualquer log. Você pode desconectar a rede depois que a página carregar e tudo continuará funcionando — é a forma mais simples de verificar você mesmo.

Fatos e limites do método

Ideal para Um total formado por 2–5 componentes acompanhado ao longo do tempo
O que é confiável A borda superior (o total) e a faixa inferior
O que não é Faixas do meio — elas flutuam sobre tudo que está abaixo
Pré-requisito Os componentes precisam somar um total com sentido em cada momento
Base em zero Obrigatória e estrutural
Saída PNG em escala 2×, mais CSV, JSON e Markdown

Quando induz ao erro

Como é calculado

A coluna de rótulos vira o eixo horizontal comum. Cada coluna numérica vira uma faixa, empilhada de baixo para cima na ordem das colunas, e cada faixa é desenhada a partir do topo da anterior.

Os preenchimentos são mais opacos aqui do que no gráfico de área de série única: as faixas precisam ser distinguidas entre si, e uma translucidez que funciona para uma região vira lama quando cinco se sobrepõem.

O eixo vertical começa em zero porque a pilha é construída de zero para cima. Por isso a borda superior é um total verdadeiro e pode ser lida diretamente no eixo.

A ordem das suas colunas é a decisão mais importante desta página. Coloque na primeira coluna o componente que você mais quer que o leitor julgue com precisão, para que ele caia na faixa inferior plana.

Perguntas e respostas

Por que uma faixa do meio parece crescer quando os números dizem o contrário?

Porque ela está montada sobre as faixas de baixo. O que importa é a espessura dela, mas o olho tende a ler a borda superior, que se move sempre que algo abaixo se move. Confira os números exportados em vez de confiar na forma.

Qual componente deve ficar embaixo?

Aquele cujo comportamento mais importa, porque a faixa inferior é a única desenhada contra uma linha plana e, portanto, a única que pode ser julgada com precisão.

Áreas empilhadas ou empilhadas 100 %?

Áreas empilhadas quando o total e a composição importam. Se o total atrapalha e só as proporções contam, use o gráfico empilhado 100 %.

Posso usar valores negativos?

Não existe pilha com sentido quando há sinais misturados. Separe contribuições positivas e negativas em gráficos distintos, ou use uma cascata.

Meus dados saem do navegador?

Não. Tudo é calculado e desenhado localmente.

A ferramenta inversa

Precisa do contrário? CSV para gráfico de área Uma linha com o espaço abaixo dela preenchido

Ferramentas relacionadas

Todas as ferramentas