Crie sua imagem de medidor
Defina o valor, o máximo, o estilo, as larguras, as cores e o rótulo, e baixe o PNG.
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.
- Várias camadas de gauge em um painel
- Cada medidor mantém a escala e a faixa
- Uma chamada leva todos os valores atuais
Como criar uma imagem de gráfico de medidor
Defina valor e máximo
Digite o valor atual e o fim da escala, por exemplo 72 de 100. A parte preenchida do medidor é calculada a partir dos dois números.
Escolha estilo, cores e tamanho
Escolha anel ou marcas, ajuste as cores da barra, da trilha e do fundo e as duas larguras, adicione um rótulo curto abaixo do medidor e escolha 400x400 ou 240x240.
Baixe o PNG
Salve a imagem e coloque-a em um e-mail, uma página do Notion, um slide ou um README; quando o número mudar, gere um medidor novo.
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.
Anel ou anel de marcas
O anel se preenche na proporção e mostra a porcentagem no centro; o estilo de marcas acende uma marca por passo e mostra o valor sobre o máximo.
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; o medidor é gerado nos nossos servidores e chega como um único arquivo PNG.
Estilos, larguras e escalas do medidor
O estilo anel preenche a parte do círculo que o valor cobre e escreve essa parte como porcentagem no centro, num tamanho pensado para 100% para que o número não pule. O estilo de marcas desenha uma marca por passo: um máximo inteiro de 2 a 100 recebe esse número de marcas, qualquer outro máximo 100, e o centro mostra o valor sobre o máximo, como 72 / 100. As larguras da barra e da trilha são definidas em pixels e valem 24 por padrão. Valores acima do máximo aparecem como um medidor cheio, e uma trilha sem cor fica cinza-claro, ou cinza-ardósia em fundo escuro.
Limites gratuitos
Cada visitante tem 20 renderizações por dia, e cada PNG de medidor baixado é removido após 24 horas.
As marcas seguem a sua escala
Com um máximo inteiro de 2 a 100, o estilo de marcas desenha uma marca por unidade, então 4 de 5 acende quatro marcas de cinco.
Larguras da barra e da trilha
Cada largura vai de 1 a 100 pixels e fica limitada a um quarto do medidor, para que o valor sempre tenha espaço no centro.
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.