Categorias

← View All Tools

Gerador de Medidor

Gerar medidores personalizáveis a partir de dados, perfeito para mostrar KPIs, métricas e indicadores de desempenho

Dados para o gráfico medidor. Suporta valor único, múltiplos valores ou formato de array JSON

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

Cores para zonas do medidor (cores hex separadas por vírgula, tipicamente 3 cores para verde-amarelo-vermelho)

Tamanho de cada medidor em pixels (para múltiplos medidores, afeta o tamanho individual)

Valor mínimo para a escala do medidor

Valor máximo para a escala do medidor

Ângulo de início em graus (-90 = esquerda, 0 = topo, 90 = direita)

Ângulo de fim em graus

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

Exibir o valor real no centro do medidor

Exibir o rótulo abaixo do medidor

Exibir marcas e valores de escala ao redor do medidor

Exibir zonas coloridas (verde-amarelo-vermelho) no medidor

Animar o movimento do ponteiro quando o gráfico carrega

Exibir valor de porcentagem junto com o valor real

Fatos principais

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

Visão geral

O Gerador de Medidor é uma ferramenta intuitiva para criar gráficos de velocímetro personalizados, ideais para visualizar KPIs, métricas de desempenho e indicadores de progresso de forma clara e profissional.

Quando usar

  • •Para apresentar metas de vendas ou objetivos de equipe em painéis de controle.
  • •Para monitorar o progresso de projetos em tempo real com indicadores visuais.
  • •Para criar relatórios de desempenho que exigem uma leitura rápida e intuitiva de dados.

Como funciona

  • •Insira seus dados no campo de entrada, utilizando o formato de rótulo e valor ou JSON.
  • •Personalize o visual ajustando o título, cores das zonas, estilo do ponteiro e ângulos do gráfico.
  • •Configure as opções de exibição, como mostrar valores, marcas de escala ou animações.
  • •Gere o gráfico instantaneamente e utilize a visualização para seus relatórios ou apresentações.

Casos de uso

Visualização de metas de vendas mensais para equipes comerciais.
Monitoramento de métricas de infraestrutura de TI, como uso de CPU ou memória.
Exibição de pontuações de satisfação do cliente (NPS) em relatórios de suporte.

Exemplos

1. Monitoramento de Vendas Mensais

Gerente de Vendas
Contexto
O gerente precisa apresentar o progresso da meta de vendas da equipe em uma reunião semanal.
Problema
Dados brutos em tabelas são difíceis de interpretar rapidamente durante uma apresentação.
Como usar
Inserir os dados de vendas no formato 'Vendas:85', definir o valor máximo como 100 e ativar a exibição de porcentagem.
Configuração de exemplo
chartData: Vendas:85, maxValue: 100, showPercentage: true
Resultado
Um gráfico de medidor claro que mostra que a equipe atingiu 85% da meta, com o ponteiro posicionado na zona de sucesso.

2. Dashboard de Performance de Servidor

Engenheiro de DevOps
Contexto
Monitoramento constante do uso de recursos de múltiplos servidores em um painel central.
Problema
Identificar rapidamente quais servidores estão sobrecarregados sem analisar logs complexos.
Como usar
Utilizar o formato JSON para inserir múltiplos servidores e configurar cores de zona (verde, amarelo, vermelho) para indicar níveis de alerta.
Configuração de exemplo
chartData: [{"label": "Servidor A", "value": 45}, {"label": "Servidor B", "value": 92}], gaugeColors: #10b981,#f59e0b,#ef4444
Resultado
Dois medidores lado a lado, onde o Servidor A aparece na zona verde e o Servidor B na zona vermelha, facilitando a ação imediata.

Testar com amostras

json, video
Exemplos Avançados de Aplicação Grafana
Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins
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 New Relic APM
Configuração completa New Relic Application Performance Monitoring incluindo instrumentação, dashboards e alertas
preferred input family json
json
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Video para Convert
Explore 36 ferramentas de video 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 Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.

FAQ

Quais formatos de dados são aceitos?

A ferramenta aceita valores únicos, listas de pares (Rótulo:Valor) ou estruturas em formato JSON.

Posso personalizar as cores do medidor?

Sim, você pode definir cores hexadecimais personalizadas para as zonas do medidor, facilitando a identificação visual de níveis de desempenho.

É possível criar múltiplos medidores ao mesmo tempo?

Sim, ao inserir múltiplos pares de dados no campo de entrada, o gerador criará um gráfico para cada item.

O gráfico é animado?

Sim, a ferramenta inclui uma opção de ponteiro animado que cria um efeito visual suave ao carregar o gráfico.

Posso ajustar o tamanho do gráfico?

Sim, você pode definir o tamanho de cada medidor em pixels, variando entre 250px e 400px.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/gauge-chart-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados para o gráfico medidor. Suporta valor único, múltiplos valores ou formato de array JSON
chartTitle text Não Título que será exibido acima do gráfico
needleStyle select Não -
gaugeColors text Não Cores para zonas do medidor (cores hex separadas por vírgula, tipicamente 3 cores para verde-amarelo-vermelho)
chartSize number Não Tamanho de cada medidor em pixels (para múltiplos medidores, afeta o tamanho individual)
minValue number Não Valor mínimo para a escala do medidor
maxValue number Não Valor máximo para a escala do medidor
startAngle number Não Ângulo de início em graus (-90 = esquerda, 0 = topo, 90 = direita)
endAngle number Não Ângulo de fim em graus
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showValue checkbox Não Exibir o valor real no centro do medidor
showLabel checkbox Não Exibir o rótulo abaixo do medidor
showTicks checkbox Não Exibir marcas e valores de escala ao redor do medidor
showZones checkbox Não Exibir zonas coloridas (verde-amarelo-vermelho) no medidor
animated checkbox Não Animar o movimento do ponteiro quando o gráfico carrega
showPercentage checkbox Não Exibir valor de porcentagem junto com o valor real

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-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Gerar medidores personalizáveis a partir de dados, perfeito para mostrar KPIs, métricas e indicadores de desempenho",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "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]