📈Criador de Gráfico de Barras Agrupadas (Comparativo)
Cada categoria vira um grupo de barras lado a lado, uma por série, na cor da legenda. Cole o CSV com cabeçalho, escolha a paleta, decida se os valores aparecem sobre as barras e baixe a imagem em PNG com eixos, marcações e rótulo de unidade.
A primeira linha é o cabeçalho: o primeiro campo nomeia as categorias e os demais viram as séries da legenda. Aceita vírgula decimal. De 1 a 5 séries e até 12 categorias.
🔒 Cálculo 100% local — os dados que você digita não saem do seu navegador, nada é enviado a servidores.
Fonte: Boas práticas de visualização — comparação de séries por categoria — processamento 100% local no navegador; nenhum dado é enviado · Última verificação em 07/10/2026
O gráfico de barras agrupadas coloca, para cada categoria, uma barra ao lado de outra, uma por série, todas na mesma escala vertical. Cole o CSV com categorias e séries, confira a legenda e os totais e baixe o PNG. O desenho acontece 100% no navegador.
Como usar o criador de barras agrupadas
- Cole as linhas do CSVA primeira linha traz o nome da coluna de categorias e os nomes das séries. Cada linha seguinte é uma categoria, com um valor por série separado por ponto e vírgula.
- Confira séries e escalaDe 1 a 5 séries ficam lado a lado dentro de cada grupo. O eixo de valores parte do zero e se ajusta ao maior valor de todas as séries, para a comparação ser justa.
- Revise e baixeA legenda identifica as cores, os valores podem aparecer sobre as barras e a descrição resume os totais por série antes do download em PNG.
Como funciona o gráfico
O gráfico de barras agrupadas, também chamado de barras lado a lado, resolve o problema de comparar mais de uma série dentro da mesma categoria. Cada grupo ocupa uma faixa do eixo horizontal e divide essa faixa entre as barras das séries, que recebem a cor da legenda. Como todas as barras usam a mesma régua vertical, a altura continua proporcional ao valor e a comparação entre grupos e dentro de um grupo é feita do mesmo jeito.
O eixo de valores é calculado com passos redondos de 1, 2 ou 5 vezes uma potência de dez e sempre começa no zero, para que a proporção visual seja igual à proporção real dos números. Com rótulos longos, os nomes das categorias são girados a 45 graus para não se sobreporem. O desenho é feito em um canvas dentro do seu navegador, sem bibliotecas externas e com processamento 100% local; nada é enviado a servidores.
largura do grupo = (largura da faixa − folgas) ÷ número de séries
a base é sempre zero
Exemplo resolvido: canais por cidade
O exemplo compara três canais em quatro cidades, em unidades vendidas: São Paulo com 480 na loja física, 620 no site e 350 no marketplace; Rio de Janeiro com 390, 540 e 300; Belo Horizonte com 310, 420 e 260; e Curitiba com 260, 380 e 210.
Somando as séries, o site lidera com 1.960 unidades, a loja física vem com 1.440 e o marketplace com 1.120, totalizando 4.520 unidades. Os totais por cidade são 1.450 para São Paulo, 1.230 para Rio de Janeiro, 990 para Belo Horizonte e 850 para Curitiba. A maior barra individual é a do site em São Paulo, com 620, e a menor é o marketplace em Curitiba, com 210. A leitura mostra que o canal digital vence em todas as cidades e que a distância entre loja física e marketplace se mantém parecida de uma cidade para outra.
Suposições e limitações
- Todos os valores precisam ser positivos ou zero; para dados com perdas e ganhos, use o gráfico de cascata.
- Aceita de 1 a 5 séries e até 12 categorias; acima disso os grupos ficam estreitos e os rótulos se esbarram.
- Valores vazios entre ponto e vírgula deixam a barra ausente, sem interromper o desenho.
- A escala é única para todas as séries; se as unidades diferirem entre colunas, o gráfico fica enganoso.
- O processamento é 100% local; nada sai do navegador.
Dicas para tirar o melhor proveito
Escolha até três séries sempre que puder. Com quatro ou mais, a leitura de cada grupo vira um teste de memória, e nesse caso considere dividir em dois gráficos ou trocar para barras empilhadas quando o que interessa é a composição de cada total. Mantenha a ordem das séries igual em todos os grupos e alinhe as categorias por um critério, como tamanho do mercado, para que a comparação siga um fluxo natural.
Use o rótulo do eixo de valores com a unidade, como unidades, reais ou porcentagem, e desligue os números sobre as barras quando houver muitos deles, deixando apenas o eixo. Em relatórios, a descrição textual funciona como resumo acessível e pode ser copiada com um clique. Se quiser destacar uma série, faça isso escolhendo uma paleta em que ela ganhe contraste, sem alterar a cor das demais.
Erros comuns a evitar
O erro clássico é truncar o eixo, o que faria diferenças pequenas parecerem enormes; aqui a base é sempre zero, e é proposital. Outro problema é misturar unidades nas colunas, como trazer reais em uma série e toneladas em outra, o que produz um gráfico tecnicamente correto e conceitualmente falso.
Também é comum confundir barras agrupadas com barras empilhadas. Agrupadas comparam cada série isoladamente e escondem o total da categoria; se a pergunta for a composição de cada total, a versão empilhada responde melhor. Por fim, evite ordenar as categorias de forma aleatória em rankings, não coloque rótulos girados em excesso e nunca troque a ordem das cores da legenda entre versões do mesmo relatório.
Veja também
Se esta ferramenta foi útil, você também pode precisar destas relacionadas: Criador de gráfico de pizza, Criador de gráfico de barras, Criador de gráfico de linhas, Criador de Gráfico de Barras Empilhadas (Composição).
Ferramentas relacionadas
🥧Criador de gráfico de pizza
Gráfico de pizza com percentuais, legenda e download em PNG.
Abrir ferramenta →📊Criador de gráfico de barras
Barras verticais ou horizontais com eixo, valores e PNG.
Abrir ferramenta →📈Criador de gráfico de linhas
Gráfico de linhas com várias séries, pontos, grade e PNG.
Abrir ferramenta →🧱Criador de Gráfico de Barras Empilhadas (Composição)
Séries empilhadas em uma barra por categoria, com % e PNG.
Abrir ferramenta →Perguntas frequentes
Qual a diferença entre barras agrupadas e empilhadas?
Agrupadas colocam as séries lado a lado, o que facilita comparar cada série entre categorias. Empilhadas empilham as séries dentro de uma barra, o que destaca o total e a composição de cada categoria.
Quantas séries o gráfico aceita?
Até 5 séries por categoria e até 12 categorias, com a mesma escala vertical para todas. Mais que isso torna a leitura difícil e polui a legenda.
Posso ter valores negativos?
Não. O gráfico exige valores maiores ou iguais a zero. Para variações positivas e negativas, use o gráfico de cascata, desenhado para esse contexto.
Como colo dados do Excel?
Copie o intervalo com o cabeçalho e cole na caixa. O reconhecimento aceita ponto e vírgula, tabulação e vírgula, desde que a vírgula decimal não seja usada como separador de coluna.
O eixo de valores pode começar em outro número?
Não, e isso é intencional. Começar no zero mantém a proporção visual igual à proporção real dos dados e evita o gráfico enganoso.
Os dados saem do navegador?
Não. O CSV é interpretado e a imagem é gerada localmente, com processamento 100% no navegador e nenhum envio a servidores.
Explore mais ferramentas gratuitas
Dezenas de calculadoras, conversores e geradores — todos funcionam no navegador, sem cadastro e sem instalar nada.