Crea tu imagen de velocímetro
Fija valor, máximo, colores y etiqueta, luego descarga el PNG o copia la URL dinámica del velocímetro.
Cuatro indicadores en un panel, redibujados al cambiar
Un panel se lee entero: disponibilidad junto a gasto junto a conversión, cada indicador con su escala y su rango sano. En DynaPictures colocas varias capas de gauge en un mismo panel y envías todos los valores actuales en una sola petición a la API: la imagen compuesta vuelve en menos de 300 ms.
Cómo crear una imagen de gráfico de velocímetro
Fija el valor y el máximo
Escribe el valor actual y el final de la escala, por ejemplo 72 de 100. La posición de la aguja se calcula con esos dos números.
Elige colores, etiqueta y tamaño
Escoge los colores del arco, la aguja y el fondo, añade una etiqueta corta bajo el dial y define el tamaño en píxeles.
Descarga o copia la URL
Guarda el PNG, o copia la URL dinámica y cambia value= (y max= si hace falta) cada vez que cambie la cifra.
Por qué crear velocímetros aquí
Un número, una imagen
Un velocímetro muestra de un vistazo lo cerca que está un valor de su objetivo, sin leyenda ni ejes que leer.
Aguja controlada por la URL
Cambia ?value= en la URL de la imagen y la siguiente petición dibuja la aguja en la nueva posición.
Se ve donde no hay scripts
El velocímetro es un PNG normal, así que aparece en emails HTML, Notion, Slack, Confluence y READMEs de GitHub.
Tu escala y tus colores
Define cualquier máximo, no solo 100, y usa los colores de tu marca con valores hexadecimales.
Sin librería de gráficos
Nada que instalar ni empaquetar; el render ocurre en nuestros servidores y tú insertas una sola etiqueta img.
Cómo funciona la URL dinámica del velocímetro
Cada velocímetro que configuras recibe un id. Al pedir /tools/d/YOUR-ID.png?value=72&max=100, nuestro renderizador dibuja el gráfico radial con la aguja al 72 por ciento del arco y devuelve un PNG. Los colores, la etiqueta y el tamaño se guardan con el id, así que la URL solo necesita los números; los valores por encima del máximo se dibujan al final de la escala. La herramienta gratuita dibuja un único velocímetro con una aguja. En la plataforma de DynaPictures diseñas plantillas de KPI más completas con varios diales, logo y texto, renderizadas por API, Zapier, Make o una hoja de cálculo.
Límites gratuitos
20 renders al día por visitante. Cada URL dinámica sirve hasta 1.000 vistas o 30 días y después muestra un pequeño aviso de upgrade.
Más de un velocímetro
La plataforma de DynaPictures renderiza plantillas de KPI con varios velocímetros, logos y texto desde la API, Zapier o Make.
Parámetros
value= fija la aguja y max= el final de la escala. Ambos son números simples; se aceptan decimales como value=7.5.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=72&max=100" alt="72 of 100">Preguntas frecuentes
Un velocímetro muestra un valor sobre una escala, como 72 de 100 puntos, una puntuación de satisfacción o el avance hacia un objetivo de ventas. Se lee más rápido que una tabla cuando solo importa una cifra.