Categorias

← View All Tools

Gerador de Gráfico de Barras de Intervalo

Gráfico exibindo intervalos mín-máx e períodos de tempo, versão simplificada do gráfico de Gantt

Dados do gráfico de intervalo em formato JSON. Suporta intervalos de data (startDate/endDate) ou intervalos numéricos (minValue/maxValue)

Título principal do gráfico de intervalo

Se exibir rótulos de itens

Se exibir valores de início/fim

Se exibir linhas de grade de fundo

Altura/espessura das barras de intervalo em pixels

Duração da animação em milissegundos

Altura da área do gráfico em pixels (para orientação vertical)

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, select, 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 Intervalo é uma ferramenta intuitiva para visualizar faixas de valores ou períodos de tempo, funcionando como uma alternativa simplificada e eficiente ao diagrama de Gantt.

Quando usar

  • •Para visualizar cronogramas de projetos com datas de início e fim.
  • •Para comparar faixas de variação numérica entre diferentes produtos ou categorias.
  • •Para criar apresentações rápidas de planejamento de fases ou alocação de recursos.

Como funciona

  • •Insira seus dados no formato JSON, definindo rótulos e os valores de início/fim ou mínimo/máximo.
  • •Personalize a aparência ajustando o título, a orientação, o esquema de cores e a altura das barras.
  • •Ative ou desative elementos como rótulos, valores e linhas de grade conforme sua necessidade.
  • •Gere o gráfico instantaneamente para visualização ou exportação.

Casos de uso

Gestão de cronogramas de tarefas e fases de projetos.
Análise comparativa de faixas de preços ou variações de mercado.
Monitoramento de períodos de disponibilidade de equipamentos ou recursos.

Exemplos

1. Cronograma de Projeto

Gerente de Projetos
Contexto
Preciso apresentar as fases de um projeto de software para a equipe.
Problema
Visualizar a sobreposição e a duração de cada etapa do desenvolvimento.
Como usar
Cole o JSON com as datas de início e fim de cada fase e selecione a orientação horizontal.
Configuração de exemplo
[{"label": "Design", "startDate": "2024-01-01", "endDate": "2024-01-15"}, {"label": "Desenvolvimento", "startDate": "2024-01-10", "endDate": "2024-03-01"}]
Resultado
Um gráfico de barras claro mostrando a linha do tempo das fases do projeto.

2. Variação de Preços

Analista de Dados
Contexto
Comparar a faixa de preço de diferentes categorias de produtos.
Problema
Exibir o valor mínimo e máximo de cada categoria de forma comparativa.
Como usar
Insira os valores numéricos (minValue/maxValue) para cada categoria no campo de dados.
Configuração de exemplo
[{"label": "Eletrônicos", "minValue": 100, "maxValue": 500}, {"label": "Acessórios", "minValue": 20, "maxValue": 80}]
Resultado
Um gráfico de barras verticais que destaca a amplitude de preço entre as categorias.

Testar com amostras

json
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
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
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

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 Json
Explore 43 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Format
Explore 6 ferramentas de json para fluxos de format e encontre utilitários próximos com rapidez.

FAQ

Quais formatos de dados são suportados?

A ferramenta aceita JSON com intervalos de datas (startDate/endDate) ou intervalos numéricos (minValue/maxValue).

Posso alterar a orientação do gráfico?

Sim, você pode alternar entre a orientação horizontal e vertical nas configurações.

O gráfico é interativo?

O gerador cria uma representação visual estática baseada nos parâmetros fornecidos, ideal para relatórios e documentos.

Como personalizo as cores das barras?

Você pode selecionar um esquema de cores predefinido, como azul, verde, vermelho ou arco-íris, diretamente no menu de opções.

É possível ajustar o tamanho das barras?

Sim, você pode definir a altura das barras em pixels para melhor adequação ao layout do seu gráfico.

Documentação da API

Ponto final da solicitação

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

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
rangeData textarea Sim Dados do gráfico de intervalo em formato JSON. Suporta intervalos de data (startDate/endDate) ou intervalos numéricos (minValue/maxValue)
chartTitle text Não Título principal do gráfico de intervalo
orientation select Não -
showLabels checkbox Não Se exibir rótulos de itens
showValues checkbox Não Se exibir valores de início/fim
showGrid checkbox Não Se exibir linhas de grade de fundo
colorScheme select Não -
barHeight text Não Altura/espessura das barras de intervalo em pixels
animationDuration text Não Duração da animação em milissegundos
chartHeight text Não Altura da área do gráfico em pixels (para orientação vertical)

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-range-bar-chart": {
      "name": "range-bar-chart",
      "description": "Gráfico exibindo intervalos mín-máx e períodos de tempo, versão simplificada do gráfico de Gantt",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=range-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]