# Gerador de Gráfico de Intervalo

Criar gráficos de intervalo para visualizar intervalos de valores mínimo-máximo com marcadores de mediana e detecção de outliers

> Página canônica: https://elysiatools.com/pt/tools/range-chart-generator

- **Categoria:** Data Visualization

- **Palavras-chave:** gráfico de intervalo, gráfico min-máx, barras de erro, intervalo de confiança, flutuação de preço, faixa de temperatura

## Visão geral

O Gerador de Gráfico de Intervalo permite criar visualizações precisas para representar faixas de valores mínimo e máximo, facilitando a análise de dispersão, flutuações de preços e intervalos de confiança com suporte a marcadores de mediana e detecção de outliers.

## Entradas

- **Título do Gráfico** (text): Título que será exibido acima do gráfico de intervalo
- **Intervalos de Dados** (textarea): Intervalos de dados como array JSON com min, max e mediana opcional, média e outliers
- **Rótulo do Eixo X** (text): Rótulo para o eixo X
- **Rótulo do Eixo Y** (text): Rótulo para o eixo Y
- **Estilo do Intervalo** (select): Selecione o estilo do intervalo
- **Cor do Intervalo** (color): Cor primária para visualização de intervalo
- **Cor da Mediana** (color): Cor para marcadores de mediana
- **Cor do Ponto Médio** (color): Cor para marcadores de ponto médio
- **Cor dos Outliers** (color): Cor para pontos de outliers
- **Cor da Linha** (color): Cor para linhas de intervalo (quando aplicável)
- **Largura da Linha** (number): Largura das linhas de intervalo em pixels
- **Tamanho do Ponto de Dados** (number): Tamanho dos pontos de dados min/máx em pixels
- **Tamanho do Ponto Outlier** (number): Tamanho dos pontos de outliers em pixels
- **Opacidade do Intervalo** (number): Nível de opacidade para preenchimento de intervalo (0.0-1.0)
- **Mostrar Mediana** (checkbox): Exibir marcadores de mediana nos intervalos
- **Mostrar Média** (checkbox): Exibir marcadores de ponto médio
- **Mostrar Outliers** (checkbox): Exibir pontos de dados outliers
- **Mostrar Pontos Min/Máx** (checkbox): Exibir pontos de dados mínimo e máximo
- **Mostrar Grade** (checkbox): Mostrar linhas de grade de fundo
- **Cor da Grade** (color): Cor das linhas de grade
- **Cor de Fundo** (color): Cor de fundo do gráfico
- **Largura do Gráfico** (number): Largura do gráfico em pixels
- **Altura do Gráfico** (number): Altura do gráfico em pixels
- **Formato do Valor** (select): Selecione o formato
- **Tamanho da Fonte** (number): Tamanho da fonte para rótulos e texto
- **Tamanho da Fonte do Título** (number): Tamanho da fonte para o título do gráfico
- **Família da Fonte** (text): Família da fonte para elementos de texto
- **Habilitar Animação** (checkbox): Animar o gráfico quando carregar
- **Duração da Animação** (number): Duração da animação em milissegundos

## Quando usar

- Para visualizar a volatilidade de preços de ativos financeiros ao longo do tempo.
- Para comparar faixas de temperatura ou variações climáticas entre diferentes regiões.
- Para exibir intervalos de confiança ou margens de erro em relatórios estatísticos e científicos.

## Como funciona

- Insira seus dados no formato JSON, especificando os valores mínimos, máximos e, opcionalmente, a mediana e outliers para cada categoria.
- Escolha o estilo de visualização desejado, como linhas verticais, barras preenchidas ou áreas conectadas.
- Personalize a aparência do gráfico ajustando cores, tamanhos de pontos, espessura das linhas e rótulos dos eixos.
- Gere o gráfico instantaneamente e utilize as opções de formatação para adequar a saída às suas necessidades de apresentação.

## Casos de uso

- Análise de variação de desempenho de produtos em diferentes mercados.
- Monitoramento de flutuações diárias em índices de mercado ou ações.
- Exibição de faixas de tolerância em processos de controle de qualidade industrial.

## Perguntas frequentes

### Quais formatos de dados são aceitos?

A ferramenta aceita um array JSON contendo objetos com campos para label, min, max, mediana, média e outliers.

### Posso exibir outliers no gráfico?

Sim, ao fornecer uma lista de valores no campo 'outliers' do seu JSON, a ferramenta os destacará automaticamente no gráfico.

### É possível alterar a cor dos elementos?

Sim, você pode personalizar individualmente as cores do intervalo, da mediana, dos pontos médios e dos outliers através das configurações de estilo.

### O gráfico é interativo?

O gráfico suporta animações de carregamento e permite ajustes finos de design para garantir uma visualização clara e profissional.

### Posso ajustar o tamanho do gráfico?

Sim, você pode definir a largura e a altura exatas em pixels para garantir que o gráfico se encaixe perfeitamente no seu documento ou página.

## Ferramentas relacionadas

- [Extrator de tokens de tema ECharts](https://elysiatools.com/pt/tools/echarts-theme-token-extractor): Extrai design tokens — cores, números, tamanhos de fonte e strings — de um JSON de tema ECharts e os exporta direto no seu design system. Cole um objeto de tema (o registrado e passado a echarts.init(dom, themeName)) e a ferramenta percorre cada folha, marcando cada cor (com normalização opcional nomeada/rgb → hex), número de espaçamento, tamanho de fonte e string, depois emite variáveis CSS limpas, um config theme.extend do Tailwind, tokens.json do Style Dictionary ou variáveis SCSS. Faz a ponte entre um tema de visualização ECharts e os tokens de design Figma/CSS/Tailwind sem copiar cada valor à mão.
- [Gerador de Gráfico de Donut](https://elysiatools.com/pt/tools/donut-chart-generator): Gerar gráficos de donut personalizáveis a partir de dados com várias opções de estilo, perfeito para mostrar proporções com espaço central
- [Gerador de Gráfico de Funil](https://elysiatools.com/pt/tools/funnel-chart-generator): Gerar gráficos de funil personalizáveis a partir de dados, perfeito para mostrar taxas de conversão, pipelines de vendas e fluxos de processos
- [OpenAPI para Postman Collection](https://elysiatools.com/pt/tools/openapi-to-postman-collection): Converte uma spec OpenAPI 3.x ou Swagger 2.0 (JSON/YAML) em uma Postman Collection v2.1.0 importável com pastas, variáveis, auth e respostas de exemplo.
- [Gerador de Pictograma](https://elysiatools.com/pt/tools/pictograph-generator): Crie pictogramas usando ícones/símbolos para representar quantidades com ícones, cores e layouts personalizáveis
- [Gerador de Gráfico Radar](https://elysiatools.com/pt/tools/radar-chart-generator): Gerar gráficos de radar personalizáveis a partir de dados, perfeito para comparação e análise multidimensional
- [Gerador de Gráfico de Cascata](https://elysiatools.com/pt/tools/waterfall-chart-generator): Criar gráficos de cascata para visualizar mudanças cumulativas com distinção de valores positivos/negativos e exibição de subtotais
- [De paleta de imagem para design tokens](https://elysiatools.com/pt/tools/image-to-design-tokens): Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons

## Exemplos

- [Exemplos de Códigos QR](https://elysiatools.com/pt/samples/qrcode-samples): Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR
- [Exemplos de Rastreamento Distribuído](https://elysiatools.com/pt/samples/distributed-tracing-samples): Exemplos completos de rastreamento distribuído usando Jaeger, OpenTelemetry e ferramentas modernas de observabilidade
- [Exemplos de Análise de Logs ELK Stack](https://elysiatools.com/pt/samples/elk-stack-samples): Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
- [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins