Blog
Gráficos a partir de dados

CSV para gráfico de barras online

Barras servem para comparar coisas separadas: canais, produtos, regiões, equipes. O olho compara diretamente as alturas das colunas, que é a comparação visual mais precisa que existe — muito melhor que ângulos numa pizza ou áreas num gráfico de bolhas.

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 o tamanho de categorias não relacionadas
Base em zero Obrigatória. O eixo começa em zero e esta página não permite mudar.
Faixa confortável de 3 a 25 categorias; acima disso, mude para barras horizontais
Tamanho dos rótulos Nomes longos colidem na vertical — a versão horizontal lida bem com eles
Ordenação As linhas são desenhadas na ordem em que você cola, então ordene antes na planilha
Saída PNG em escala 2×, mais CSV, JSON e Markdown

Quando induz ao erro

Como é calculado

Cada linha vira uma barra. A coluna de rótulos fornece o texto sob a barra e a primeira coluna numérica fornece a altura. Aqui só a primeira coluna numérica é usada: para vários valores por categoria existem as versões agrupada e empilhada.

O eixo vertical sempre começa em zero e isso não muda nesta página. Não é um recurso faltando. Uma barra comunica magnitude pelo comprimento, então um eixo truncado torna enorme uma diferença pequena. Se você realmente precisa mostrar variação em vez de magnitude, a ferramenta certa é o gráfico de linhas — e ele pode cortar o eixo legitimamente.

As barras são desenhadas com cantos arredondados e espessura máxima limitada, para que um gráfico de três categorias não vire três lajes gordas ocupando a tela. A cor é um tom único de propósito: cores diferentes por barra sugeririam que as categorias pertencem a grupos distintos.

Células vazias e não numéricas são tratadas como ausentes, não como zero, e a barra simplesmente não é desenhada. Uma barra de altura zero e uma medição ausente parecem iguais no papel, mas significam coisas muito diferentes.

Perguntas e respostas

Posso começar o eixo em outro valor que não zero?

Não, deliberadamente. Um gráfico de barras com eixo cortado exagera diferenças por construção, e é o jeito mais comum de gráficos corporativos enganarem. Se suas diferenças são realmente pequenas mas importantes, use um gráfico de linhas ou apresente os números numa tabela.

Como ordeno as barras da maior para a menor?

Ordene os dados na sua planilha antes de colar. As barras são desenhadas estritamente na ordem de chegada, o que mantém a imagem previsível e sob seu controle.

Os nomes das categorias se sobrepõem e ficam ilegíveis.

Barras verticais têm pouquíssimo espaço horizontal para texto. Mude para a versão de barras horizontais no link abaixo: lá cada rótulo ganha uma linha inteira.

Posso mostrar dois valores por categoria?

Use o gráfico de barras agrupadas para comparar lado a lado, ou a versão empilhada quando os valores forem partes de um mesmo total.

Meus dados são enviados para algum lugar?

Não. A página não tem lado servidor; tudo acontece dentro do navegador e você pode verificar desconectando a rede.

A ferramenta inversa

Precisa do contrário? Gráfico de barras horizontais Um ranking em que os nomes longos realmente cabem

Ferramentas relacionadas

Todas as ferramentas