Crea tu imagen de velocímetro
Fija el valor, el máximo, el estilo, los anchos, los colores y la etiqueta, y descarga el PNG.
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.
- Varias capas de gauge en un panel
- Cada indicador conserva su escala y rango
- Una petición lleva todos los valores actuales
Cómo crear una imagen de gráfico de velocímetro
Fija valor y máximo
Escribe el valor actual y el final de la escala, por ejemplo 72 de 100. La parte rellena del velocímetro se calcula a partir de las dos cifras.
Elige estilo, colores y tamaño
Escoge anillo o marcas, ajusta los colores de la barra, la pista y el fondo y los dos anchos, añade una etiqueta corta bajo el velocímetro y elige 400x400 o 240x240.
Descarga el PNG
Guarda la imagen y colócala en un email, una página de Notion, una diapositiva o un README; cuando cambie la cifra, genera un velocímetro nuevo.
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.
Anillo o anillo de marcas
El anillo se rellena en proporción y muestra el porcentaje en el centro; el estilo de marcas enciende una marca por paso y muestra el valor sobre el máximo.
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 velocímetro se genera en nuestros servidores y llega como un único archivo PNG.
Estilos, anchos y escalas del velocímetro
El estilo de anillo rellena la parte del círculo que cubre el valor y escribe esa parte como porcentaje en el hueco, con un tamaño pensado para 100 % para que la cifra no salte. El estilo de marcas dibuja una marca por paso: un máximo entero de 2 a 100 recibe ese número de marcas, cualquier otro máximo 100, y el centro muestra el valor sobre el máximo, como 72 / 100. Los anchos de la barra y la pista se fijan en píxeles y valen 24 por defecto. Los valores por encima del máximo se dibujan como un velocímetro lleno, y una pista sin color es gris claro, o gris pizarra sobre fondo oscuro.
Límites gratuitos
Cada visitante tiene 20 renders al día, y cada PNG de velocímetro descargado se elimina a las 24 horas.
Las marcas siguen tu escala
Con un máximo entero de 2 a 100, el estilo de marcas dibuja una marca por unidad, así que 4 de 5 enciende cuatro marcas de cinco.
Anchos de barra y pista
Cada ancho va de 1 a 100 píxeles y se limita a un cuarto del velocímetro, para que el valor siempre tenga espacio en el centro.
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.