¿Qué formatos de datos acepta la herramienta?

Puedes ingresar valores simples, una lista de métricas (etiqueta:valor) o un array en formato JSON.

¿Puedo personalizar los colores del indicador?

Sí, puedes definir colores hexadecimales personalizados para las zonas del indicador, típicamente usados para representar rangos verde, amarillo y rojo.

¿Es posible animar la aguja del gráfico?

Sí, la herramienta incluye una opción de 'Aguja Animada' que genera un efecto de movimiento al cargar el gráfico.

¿Puedo mostrar múltiples indicadores a la vez?

Sí, al ingresar múltiples pares de etiquetas y valores en el campo de datos, el generador creará los indicadores correspondientes.

¿Qué significan los ángulos de inicio y fin?

Estos valores definen la apertura del arco del indicador en grados, permitiendo crear desde semicírculos hasta indicadores circulares completos.

Elysia Tools

Navegación

Data Visualization

Generador de Indicador

Generar indicadores personalizables desde datos, perfecto para mostrar KPIs, métricas e indicadores de rendimiento

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

16 opciones

ContenidoPega o escribe los valores principales.3

Datos del GráficotextareaObligatorioDatos para el gráfico indicador. Soporta valor único, múltiples valores o formato de array JSONTítulo del GráficotextOpcionalTítulo que se mostrará encima del gráficoColores del IndicadortextOpcionalColores para zonas del indicador (colores hex separados por comas, típicamente 3 colores para verde-amarillo-rojo)

AjustesAjusta formatos, rangos, números y modos.7

Estilo de AgujaselectOpcionalTamaño del GráficonumberOpcionalTamaño de cada indicador en píxeles (para múltiples indicadores, afecta el tamaño individual)Valor MínimonumberOpcionalValor mínimo para la escala del indicadorValor MáximonumberOpcionalValor máximo para la escala del indicadorÁngulo de InicionumberOpcionalÁngulo de inicio en grados (-90 = izquierda, 0 = arriba, 90 = derecha)Ángulo de FinnumberOpcionalÁngulo de fin en gradosColor de FondocolorOpcionalColor de fondo para el contenedor del gráfico

InterruptoresActiva o desactiva comportamientos opcionales.6

Mostrar ValorcheckboxOpcionalActivado si está marcadoMostrar el valor real en el centro del indicadorMostrar EtiquetacheckboxOpcionalActivado si está marcadoMostrar la etiqueta debajo del indicadorMostrar MarcascheckboxOpcionalActivado si está marcadoMostrar marcas y valores de escala alrededor del indicadorMostrar Zonas de ColorcheckboxOpcionalActivado si está marcadoMostrar zonas de color (verde-amarillo-rojo) en el indicadorAguja AnimadacheckboxOpcionalActivado si está marcadoAnimar el movimiento de la aguja cuando el gráfico se cargaMostrar PorcentajecheckboxOpcionalActivado si está marcadoMostrar valor de porcentaje junto con el valor real

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de Indicador

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Dashboard de Ventas Mensuales

2. Monitoreo de Carga de Servidor

Preguntas frecuentes

Muestras Avanzadas de Grafana

Muestras JSON de Terraform Plan

Ejemplos D3.js Data Visualization

Ejemplos de Códigos QR

Removedor de Caracteres BOM

Limitador de Rango de Datos

Extractor de Claves JSON

Bar Chart Generator

Generadores de Gráficos y Diagramas

Herramientas de intercambio JSON y traduccion de formatos

Herramientas de inspeccion, diff y transformacion JSON

Generadores de esquemas JSON, datos mock y fixtures de API