Blog
Gráficos a partir de dados

CSV para gráfico empilhado 100 % online

Este é o gráfico para quando a composição importa e os totais atrapalham. Cada barra é reescalada para exatamente 100 %, então um trimestre que faturou o dobro do outro ocupa a mesma altura — e a única coisa visível é como a divisão mudou.

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 Comparar composição entre categorias de tamanhos muito diferentes
O que esconde Os totais, completamente e por construção
Normalização Cada linha é dividida pela soma dos seus valores absolutos e multiplicada por 100
Limite de segmentos Cinco; abaixo de cerca de 3 % um segmento deixa de ser visível
Eixo Fixo de 0 a 100 %, nunca guiado pelos dados
Conteúdo da exportação Porcentagens, não os valores originais — a exportação leva o que o gráfico mostra

Quando induz ao erro

Como é calculado

Cada linha é normalizada de forma independente: cada valor é dividido pela soma dos valores absolutos daquela linha e multiplicado por 100. O reescalonamento é feito na própria ferramenta, e não deixado para a biblioteca de gráficos, então os números na dica e no arquivo exportado são as porcentagens que você realmente vê.

O eixo vertical é fixado em 0–100 e nunca se adapta aos dados. É um dos raros casos em que um eixo fixo é mais honesto que um guiado pelos dados: toda a promessa do formato é que cada barra tem a mesma altura.

Os segmentos empilham de baixo para cima na ordem das colunas, exatamente como no gráfico empilhado comum. A faixa inferior é a que o leitor pode comparar com confiança entre categorias, então coloque sua série principal primeiro.

O CSV e o JSON exportados contêm as porcentagens em vez dos números originais, arredondadas a duas casas. Isso é deliberado: exportar os valores brutos de um gráfico que os descartou de propósito convidaria à comparação errada.

Perguntas e respostas

Onde foram parar meus totais?

Foram removidos de propósito — é o que este tipo de gráfico faz. Se os totais também importam, use o gráfico de barras empilhadas comum ou coloque um pequeno gráfico de linhas com os totais logo acima.

Um segmento cresceu em porcentagem mas nossa receita caiu. O gráfico está errado?

Não, e essa é a armadilha clássica. Porcentagens descrevem a divisão, não o tamanho. Um negócio encolhendo pode mostrar todos os segmentos «bons» crescendo em participação. Sempre acompanhe este gráfico com os números absolutos.

Por que o CSV exportado traz porcentagens?

Porque é o que o gráfico mostra. Exportar os valores originais permitiria comparar números que a imagem nunca exibiu, que é exatamente a confusão gerada por este formato.

Posso usar com apenas dois segmentos?

Pode, e funciona bem, mas com dois segmentos uma simples linha com a participação do primeiro costuma ser mais clara e ocupa menos espaço.

Os dados saem do meu navegador?

Não. Normalização, desenho e exportação acontecem localmente.

A ferramenta inversa

Precisa do contrário? Gráfico de barras empilhadas O total e suas partes na mesma coluna

Ferramentas relacionadas

Todas as ferramentas