Categorias

← View All Tools

Gráfico de Termômetro

Criar gráficos de termômetro verticais perfeitos para visualização de metas de arrecadação, progresso de projetos e alcance de objetivos

Dados do termômetro com valores atuais e alvo. Suporta JSON com rótulo/atual/alvo, simples rótulo:atual:alvo, ou apenas valores atuais

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

Largura do tubo do termômetro em pixels

Altura do termômetro em pixels

Cor para o mercúrio/preenchimento de progresso

Cor para o fundo do tubo do termômetro

Duração da animação do mercúrio em milissegundos

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

Mostrar valores de porcentagem para cada termômetro

Mostrar linha de valor alvo e etiqueta

Mostrar valor atual em cada termômetro

Mostrar escala de medição no termômetro

Animar o mercúrio quando os termômetros carregam

Fatos principais

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

Visão geral

O Gráfico de Termômetro é uma ferramenta visual intuitiva projetada para representar o progresso em relação a uma meta específica. Ideal para campanhas de arrecadação, acompanhamento de projetos ou monitoramento de KPIs, este gerador permite criar representações verticais claras que destacam o quanto falta para alcançar seus objetivos.

Quando usar

  • •Para visualizar o progresso de campanhas de arrecadação de fundos em tempo real.
  • •Para monitorar o status de conclusão de projetos ou metas de vendas da equipe.
  • •Para apresentar indicadores de desempenho (KPIs) de forma simples e impactante em relatórios.

Como funciona

  • •Insira seus dados no formato JSON, texto simples ou apenas valores atuais.
  • •Personalize a aparência ajustando cores, dimensões e estilos de escala.
  • •Ative opções como exibição de porcentagem, linha de meta e animações para tornar o gráfico mais informativo.
  • •Gere o gráfico em formato HTML pronto para uso em apresentações ou páginas web.

Casos de uso

Acompanhamento de metas de doações para ONGs e causas sociais.
Monitoramento de progresso de metas de vendas mensais por departamento.
Visualização de marcos de conclusão de projetos internos de TI ou marketing.

Exemplos

1. Meta de Arrecadação Anual

Gestor de ONG
Contexto
Uma organização precisa exibir o progresso de uma campanha de doações no site oficial para incentivar os colaboradores.
Problema
Necessidade de uma representação visual que mostre claramente o valor arrecadado versus a meta total.
Como usar
Inserir os dados da campanha no campo de entrada e configurar a cor do mercúrio para um tom de verde.
Configuração de exemplo
[{"label": "Campanha 2025", "current": 75000, "target": 100000}]
Resultado
Um gráfico de termômetro elegante que mostra 75% da meta atingida, com a linha de meta claramente visível.

2. Progresso de Vendas da Equipe

Gerente de Vendas
Contexto
O gerente deseja exibir em um painel interno o quanto a equipe está próxima de bater a meta de vendas do trimestre.
Problema
Os dados brutos em planilhas não transmitem o senso de urgência necessário para a equipe.
Como usar
Configurar o gráfico com escala detalhada e ativar a exibição de porcentagem para facilitar a leitura rápida.
Configuração de exemplo
{"thermometerHeight": 400, "scaleStyle": "detailed", "showPercentage": true}
Resultado
Um termômetro vertical de 400px de altura que exibe o progresso atual com marcas de escala precisas e porcentagem destacada.

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 AWS EventBridge
Exemplos AWS EventBridge incluindo event buses, regras, targets, schema registry, eventos personalizados e roteamento de eventos entre contas para arquitetura serverless event-driven
preferred input family json
json
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 Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
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 aceitos?

Você pode usar JSON (com rótulo, atual e alvo), formato de texto (rótulo:atual:alvo) ou simplesmente inserir os valores numéricos atuais.

Posso personalizar as cores do gráfico?

Sim, você pode definir cores específicas para o mercúrio (progresso) e para o tubo do termômetro através do seletor de cores.

O gráfico suporta animações?

Sim, ao ativar a opção 'Animado', o mercúrio subirá suavemente até o valor definido quando o gráfico for carregado.

É possível exibir a meta no gráfico?

Sim, basta marcar a opção 'Mostrar Linha Alvo' para que o valor objetivo seja destacado visualmente no termômetro.

O gráfico é responsivo?

Você pode ajustar a largura e a altura em pixels para garantir que o gráfico se encaixe perfeitamente no seu layout.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/thermometer-chart

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
thermometerData textarea Sim Dados do termômetro com valores atuais e alvo. Suporta JSON com rótulo/atual/alvo, simples rótulo:atual:alvo, ou apenas valores atuais
chartTitle text Não Título que será exibido acima do gráfico
thermometerWidth number Não Largura do tubo do termômetro em pixels
thermometerHeight number Não Altura do termômetro em pixels
mercuryColor color Não Cor para o mercúrio/preenchimento de progresso
tubeColor color Não Cor para o fundo do tubo do termômetro
animationDuration number Não Duração da animação do mercúrio em milissegundos
scaleStyle select Não -
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showPercentage checkbox Não Mostrar valores de porcentagem para cada termômetro
showTarget checkbox Não Mostrar linha de valor alvo e etiqueta
showCurrentValue checkbox Não Mostrar valor atual em cada termômetro
showScale checkbox Não Mostrar escala de medição no termômetro
animated checkbox Não Animar o mercúrio quando os termômetros carregam

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-thermometer-chart": {
      "name": "thermometer-chart",
      "description": "Criar gráficos de termômetro verticais perfeitos para visualização de metas de arrecadação, progresso de projetos e alcance de objetivos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=thermometer-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]