Crie sua imagem de medidor
Defina valor, máximo, cores e rótulo, depois baixe o PNG ou copie a URL dinâmica do medidor.
Quatro medidores em um painel, redesenhados a cada mudança
Um painel é lido por inteiro: disponibilidade ao lado de custo ao lado de conversão, cada medidor com a sua escala e a sua faixa saudável. Na DynaPictures você coloca várias camadas de gauge em um único painel e envia todos os valores atuais em uma chamada de API: a imagem montada volta em menos de 300 ms.
Como criar uma imagem de gráfico de medidor
Defina o valor e o máximo
Digite o valor atual e o fim da escala, por exemplo 72 de 100. A posição do ponteiro é calculada a partir desses dois números.
Escolha cores, rótulo e tamanho
Selecione as cores do arco, do ponteiro e do fundo, adicione um rótulo curto abaixo do mostrador e defina o tamanho em pixels.
Baixe ou copie a URL
Salve o PNG, ou copie a URL dinâmica e altere value= (e max= se precisar) sempre que o número mudar.
Por que criar medidores aqui
Um número, uma imagem
Um medidor mostra de relance o quanto um valor está perto da meta, sem legenda nem eixo para ler.
Ponteiro controlado pela URL
Altere ?value= na URL da imagem e a próxima requisição desenha o ponteiro na nova posição.
Aparece onde scripts não rodam
O medidor é um PNG comum, por isso aparece em e-mails HTML, Notion, Slack, Confluence e READMEs do GitHub.
Sua escala e suas cores
Defina qualquer máximo, não só 100, e use as cores da sua marca com valores hexadecimais.
Sem biblioteca de gráficos
Nada para instalar ou empacotar; a renderização acontece nos nossos servidores e você insere uma única tag img.
Como funciona a URL dinâmica do medidor
Cada medidor que você configura recebe um id. Ao chamar /tools/d/YOUR-ID.png?value=72&max=100, nosso renderizador desenha o medidor radial com o ponteiro em 72 por cento do arco e devolve um PNG. Cores, rótulo e tamanho ficam guardados com o id, então a URL só precisa dos números; valores acima do máximo são desenhados no fim da escala. A ferramenta gratuita desenha um único medidor com um ponteiro. É na plataforma da DynaPictures que você cria modelos de KPI mais completos com vários mostradores, logo e texto, renderizados pela API, Zapier, Make ou uma planilha.
Limites gratuitos
20 renderizações por dia por visitante. Cada URL dinâmica serve até 1.000 visualizações ou 30 dias e depois mostra um pequeno aviso de upgrade.
Mais de um medidor
A plataforma da DynaPictures renderiza modelos de KPI com vários medidores, logos e texto pela API, Zapier ou Make.
Parâmetros
value= define o ponteiro e max= o fim da escala. Os dois são números simples; decimais como value=7.5 são aceitos.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=72&max=100" alt="72 of 100">Perguntas frequentes
Um medidor mostra um valor em uma escala, como 72 de 100 pontos, uma nota de satisfação ou o progresso rumo a uma meta de vendas. Ele é lido mais rápido do que uma tabela quando só um número importa.