Categorias

← View All Tools

Gerador de Gráfico de Barras de Comparação

Gerar gráficos de barras costas com costas para comparação de valores positivos e negativos, perfeito para contrastar conjuntos de dados

Dados para o gráfico de comparação. Suporta array JSON ou formato de texto simples etiqueta|valorEsquerdo|valorDireito

Título que será exibido acima do gráfico

Cor para as barras esquerdas (a cor das barras diretas vem do esquema de cores)

Rótulo para o lado esquerdo do gráfico

Rótulo para o lado direito do gráfico

Altura do gráfico em pixels

Largura máxima das barras em pixels

Valor máximo para a escala do gráfico (deixe vazio para auto)

Valor mínimo para a escala do gráfico

Duração da animação das barras em milissegundos

Cor de fundo para o contêiner do gráfico

Cor para as linhas da grade

Exibir linhas da grade para melhor legibilidade

Exibir valores nas barras

Exibir uma legenda abaixo do gráfico

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, select, color, number, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Gerador de Gráfico de Barras de Comparação permite criar visualizações profissionais do tipo "costas com costas" (ou pirâmide), ideais para contrastar dois conjuntos de dados lado a lado de forma clara e intuitiva.

Quando usar

  • •Comparar métricas de desempenho entre dois grupos, como vendas de dois anos diferentes.
  • •Visualizar dados demográficos, como a distribuição populacional por idade e gênero.
  • •Contrastar resultados de testes A/B ou preferências de produtos entre dois segmentos de clientes.

Como funciona

  • •Insira seus dados no formato JSON ou no formato de texto simples (etiqueta|valorEsquerdo|valorDireito).
  • •Personalize o visual ajustando o esquema de cores, a largura das barras e a altura do gráfico.
  • •Configure os rótulos dos eixos e as opções de exibição, como grade e valores, para melhorar a legibilidade.
  • •Gere o gráfico instantaneamente e utilize a visualização para suas apresentações ou relatórios.

Casos de uso

Análise de mercado comparando a participação de mercado de duas empresas concorrentes.
Relatórios de RH comparando a rotatividade de funcionários entre diferentes departamentos.
Estudos acadêmicos comparando dados estatísticos de dois grupos de controle distintos.

Exemplos

1. Comparação de Vendas por Região

Analista de Vendas
Contexto
O analista precisa apresentar a diferença de desempenho entre as regiões Norte e Sul para o último trimestre.
Problema
Dificuldade em visualizar o contraste direto entre os volumes de vendas das duas regiões em um único gráfico.
Como usar
Inserir os dados de vendas no formato 'Região|Vendas Norte|Vendas Sul' e ajustar o esquema de cores para 'Negócios'.
Configuração de exemplo
chartTitle: 'Comparativo de Vendas: Norte vs Sul', colorScheme: 'business', leftLabel: 'Região Norte', rightLabel: 'Região Sul'
Resultado
Um gráfico de barras bilateral claro que destaca instantaneamente qual região superou a outra em cada categoria.

2. Pirâmide Etária de Clientes

Gerente de Marketing
Contexto
A equipe de marketing deseja entender a distribuição de gênero dos clientes por faixa etária.
Problema
Necessidade de um gráfico tipo pirâmide para visualizar a proporção de homens e mulheres em diferentes idades.
Como usar
Utilizar o formato JSON para definir as faixas etárias como rótulos e as contagens de clientes como valores esquerdos e direitos.
Configuração de exemplo
chartData: '[{"label": "18-25", "leftValue": 120, "rightValue": 150}, {"label": "26-35", "leftValue": 200, "rightValue": 180}]', showGrid: true
Resultado
Visualização precisa da distribuição demográfica, facilitando a segmentação de campanhas publicitárias.

Testar com amostras

json, text
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json
Exemplos de Comunicação em Tempo Real WebRTC
Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização
preferred input family json
json
Exemplos de Códigos QR
Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR
preferred input family json
json
Exemplos JWT
Exemplos completos de JWT da estrutura básica de tokens às implementações de segurança avançadas
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Text para Convert
Explore 80 ferramentas de text para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json
Explore 43 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.

FAQ

Quais formatos de dados são aceitos?

Você pode inserir os dados como um array JSON estruturado ou como texto simples, usando o formato 'etiqueta|valorEsquerdo|valorDireito' por linha.

Posso usar valores negativos no gráfico?

Sim, o gráfico foi projetado especificamente para lidar com comparações bilaterais, sendo ideal para representar valores positivos e negativos ou contrastes de direção.

É possível alterar as cores das barras?

Sim, você pode selecionar esquemas de cores predefinidos ou definir uma cor específica para as barras do lado esquerdo.

O gráfico é responsivo?

Sim, você pode definir a altura do gráfico em pixels para garantir que ele se ajuste perfeitamente ao layout do seu documento ou página web.

Posso ocultar os valores numéricos?

Sim, basta desmarcar a opção 'Mostrar Valores' nas configurações para obter um visual mais limpo e minimalista.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/comparison-bar-chart

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados para o gráfico de comparação. Suporta array JSON ou formato de texto simples etiqueta|valorEsquerdo|valorDireito
chartTitle text Não Título que será exibido acima do gráfico
colorScheme select Não -
barColor color Não Cor para as barras esquerdas (a cor das barras diretas vem do esquema de cores)
leftLabel text Não Rótulo para o lado esquerdo do gráfico
rightLabel text Não Rótulo para o lado direito do gráfico
chartHeight number Não Altura do gráfico em pixels
barWidth number Não Largura máxima das barras em pixels
maxValue number Não Valor máximo para a escala do gráfico (deixe vazio para auto)
minValue number Não Valor mínimo para a escala do gráfico
animationDuration number Não Duração da animação das barras em milissegundos
backgroundColor color Não Cor de fundo para o contêiner do gráfico
gridColor color Não Cor para as linhas da grade
showGrid checkbox Não Exibir linhas da grade para melhor legibilidade
showValues checkbox Não Exibir valores nas barras
showLegend checkbox Não Exibir uma legenda abaixo do gráfico

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "Gerar gráficos de barras costas com costas para comparação de valores positivos e negativos, perfeito para contrastar conjuntos de dados",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=comparison-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]