Blog
Gráficos a partir de dados

CSV para gráfico de barras agrupadas online

Use barras agrupadas quando cada categoria tem dois ou três números que precisam ser comparados diretamente: plano contra realizado, este ano contra o passado, dois produtos nas mesmas regiões. As barras ficam lado a lado, então o olho compara primeiro as alturas dentro de um grupo.

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 2–3 séries nas mesmas categorias
Limite de séries Três é confortável, quatro fica apertado, cinco é ilegível
Limite de categorias Total de barras = categorias × séries: doze grupos de três já são 36 barras
Prioridade de comparação Primeiro dentro do grupo, depois entre grupos — é isso que o agrupamento faz com a percepção
Base em zero Obrigatória
Saída PNG em escala 2×, mais CSV, JSON e Markdown

Quando induz ao erro

Como é calculado

A coluna de rótulos define os grupos. Cada coluna numérica restante vira uma barra dentro de cada grupo, na ordem em que as colunas aparecem, com cor fixa por série mantida em todos os grupos.

O eixo começa em zero, como em qualquer gráfico de barras, e não se move. O agrupamento amplifica o efeito de um eixo truncado em vez de reduzi-lo, porque o leitor compara duas barras vizinhas diretamente.

A largura da barra se adapta ao número de grupos e séries para que os agrupamentos fiquem visualmente separados. Quando os dados produziriam barras com menos de dois pixels, a resposta honesta é menos categorias, não uma tela mais larga.

Valores ausentes deixam uma lacuna no agrupamento em vez de desenhar uma barra de altura zero. Uma medição ausente não deve parecer um zero medido, especialmente num gráfico de plano contra realizado, onde um zero é notícia por si só.

Perguntas e respostas

Agrupadas ou empilhadas — qual eu preciso?

Agrupadas quando os valores são alternativas a comparar (plano contra realizado). Empilhadas quando são partes de um todo (receita dividida por canal). Perguntar se a soma dos valores significa algo geralmente resolve.

Posso comparar mais de três séries?

Tecnicamente sim, mas o gráfico para de funcionar. Quatro séries em oito categorias são 32 barras e nenhum leitor segura isso. Divida em vários gráficos ou passe para linhas.

Por que minha série temporal é difícil de acompanhar?

Porque o agrupamento otimiza a comparação dentro de uma categoria, não o acompanhamento de uma série entre categorias. Para tempo, use o gráfico de múltiplas linhas.

Como controlo qual coluna vem primeiro?

Reordene as colunas na tabela colada. As séries são desenhadas estritamente da esquerda para a direita na ordem das colunas.

Meus dados são enviados para algum lugar?

Não. Tudo roda no seu navegador e a página funciona com a rede desconectada.

Ferramentas relacionadas

Todas as ferramentas