Data Visualization

Generador de Indicador

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

Inicio rápido

Llama a esta herramienta desde tu código en tres lenguajes.

cURL

curl -X POST 'https://api.elysiatools.com/es/api/tools/gauge-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]","chartTitle":"Ingrese el título del gráfico...","needleStyle":"line","gaugeColors":"#10b981,#f59e0b,#ef4444","chartSize":"300","minValue":"0","maxValue":"100","startAngle":"-90","endAngle":"90","backgroundColor":"#ffffff","showValue":true,"showLabel":true,"showTicks":true,"showZones":true,"animated":true,"showPercentage":false}'

Referencia de la API

Envía una petición POST con tus entradas en JSON. Los parámetros de tipo archivo requieren una subida previa.

Endpoint

HTTP

POST https://api.elysiatools.com/es/api/tools/gauge-chart-generator

Parámetros

Nombre	Tipo	Obligatorio	Descripción
chartData	textarea	Sí	Datos para el gráfico indicador. Soporta valor único, múltiples valores o formato de array JSON
chartTitle	text	No	Título que se mostrará encima del gráfico
needleStyle	select	No	—
gaugeColors	text	No	Colores para zonas del indicador (colores hex separados por comas, típicamente 3 colores para verde-amarillo-rojo)
chartSize	number	No	Tamaño de cada indicador en píxeles (para múltiples indicadores, afecta el tamaño individual)
minValue	number	No	Valor mínimo para la escala del indicador
maxValue	number	No	Valor máximo para la escala del indicador
startAngle	number	No	Ángulo de inicio en grados (-90 = izquierda, 0 = arriba, 90 = derecha)
endAngle	number	No	Ángulo de fin en grados
backgroundColor	color	No	Color de fondo para el contenedor del gráfico
showValue	checkbox	No	Mostrar el valor real en el centro del indicador
showLabel	checkbox	No	Mostrar la etiqueta debajo del indicador
showTicks	checkbox	No	Mostrar marcas y valores de escala alrededor del indicador
showZones	checkbox	No	Mostrar zonas de color (verde-amarillo-rojo) en el indicador
animated	checkbox	No	Animar el movimiento de la aguja cuando el gráfico se carga
showPercentage	checkbox	No	Mostrar valor de porcentaje junto con el valor real

Formato de respuesta

Resultado HTML

JSON

{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Integración MCP

Añade esta herramienta a tu servidor Model Context Protocol para que los agentes de IA puedan listarla y llamarla.

Configuración del servidor

Añade este bloque a la configuración de tu cliente MCP:

mcp.json

{
  "mcpServers": {
    "elysiatools-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Generar indicadores personalizables desde datos, perfecto para mostrar KPIs, métricas e indicadores de rendimiento",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Listar herramientas disponibles

Tras conectar al endpoint SSE, lista las herramientas expuestas:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Llamar a esta herramienta

Invoca la herramienta por su id; los argumentos se construyen a partir de sus parámetros:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "gauge-chart-generator",
    "arguments": {
  "chartData": "Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]",
  "chartTitle": "Ingrese el título del gráfico...",
  "needleStyle": "line",
  "gaugeColors": "#10b981,#f59e0b,#ef4444",
  "chartSize": "300",
  "minValue": "0",
  "maxValue": "100",
  "startAngle": "-90",
  "endAngle": "90",
  "backgroundColor": "#ffffff",
  "showValue": true,
  "showLabel": true,
  "showTicks": true,
  "showZones": true,
  "animated": true,
  "showPercentage": false
}
  }
}

Encadena varias herramientas en una sesión con una lista toolId separada por comas, p. ej. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (máx. 20).

¿Dudas o problemas? Contacta con [email protected]