Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

Generador de Gráfico de Rango

Crear gráficos de rango para visualizar rangos de valores mín-máx con marcadores de mediana y detección de valores atípicos

html· Resultado HTMLAbrir herramienta

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/range-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Ingrese el título del gráfico...","dataRanges":"JSON format example:\n[{"label": "Product A", "min": 80, "max": 120, "median": 95, "mean": 98, "outliers": [65, 135]},\n{"label": "Product B", "min": 90, "max": 140, "median": 110, "mean": 115, "outliers": [75, 155]},\n{"label": "Product C", "min": 70, "max": 110, "median": 85, "mean": 88, "outliers": [60, 125]}]","xAxisLabel":"Categories","yAxisLabel":"Values","rangeStyle":"line","rangeColor":"#3b82f6","medianColor":"#ff6b6b","pointColor":"#4ecdc4","outlierColor":"#ff4444","lineColor":"#333333","lineWidth":"2","pointSize":"4","outlierSize":"6","opacity":"0.3","showMedian":true,"showMean":false,"showOutliers":true,"showDataPoints":true,"showGrid":true,"gridColor":"#e0e0e0","backgroundColor":"#ffffff","chartWidth":"800","chartHeight":"500","valueFormat":"decimal","fontSize":"12","titleSize":"18","fontFamily":"Arial","animationEnabled":true,"animationDuration":"1000"}'

© 2026 Elysia Tools. Documentación para desarrolladores.

Volver al sitioExplorar herramientas

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/range-chart-generator

Parámetros

NombreTipoObligatorioDescripción
chartTitletextNoTítulo que se mostrará encima del gráfico de rango
dataRangestextareaSíRangos de datos como array JSON con min, max y mediana opcional, media y valores atípicos
xAxisLabeltextNoEtiqueta para el eje X
yAxisLabeltextNoEtiqueta para el eje Y
rangeStyleselectSí—
rangeColorcolorNoColor primario para visualización de rango
medianColorcolorNoColor para marcadores de mediana
pointColorcolorNoColor para marcadores de punto de media
outlierColorcolorNoColor para puntos de valores atípicos
lineColorcolorNoColor para líneas de rango (cuando aplica)
lineWidthnumberNoAncho de líneas de rango en píxeles
pointSizenumberNoTamaño de puntos de datos min/máx en píxeles
outlierSizenumberNoTamaño de puntos atípicos en píxeles
opacitynumberNoNivel de opacidad para rellenos de rango (0.0-1.0)
showMediancheckboxNoMostrar marcadores de mediana en rangos
showMeancheckboxNoMostrar marcadores de punto de media
showOutlierscheckboxNoMostrar puntos de datos atípicos
showDataPointscheckboxNoMostrar puntos de datos mínimos y máximos
showGridcheckboxNoMostrar líneas de cuadrícula de fondo
gridColorcolorNoColor de las líneas de cuadrícula
backgroundColorcolorNoColor de fondo del gráfico
chartWidthnumberNoAncho del gráfico en píxeles
chartHeightnumberNoAltura del gráfico en píxeles
valueFormatselectNo—
fontSizenumberNoTamaño de fuente para etiquetas y texto
titleSizenumberNoTamaño de fuente para el título del gráfico
fontFamilytextNoFamilia de fuente para elementos de texto
animationEnabledcheckboxNoAnimar el gráfico cuando se carga
animationDurationnumberNoDuración de la animación en milisegundos

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-range-chart-generator": {
      "name": "range-chart-generator",
      "description": "Crear gráficos de rango para visualizar rangos de valores mín-máx con marcadores de mediana y detección de valores atípicos",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=range-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": "range-chart-generator",
    "arguments": {
  "chartTitle": "Ingrese el título del gráfico...",
  "dataRanges": "JSON format example:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;min&quot;: 80, &quot;max&quot;: 120, &quot;median&quot;: 95, &quot;mean&quot;: 98, &quot;outliers&quot;: [65, 135]},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;min&quot;: 90, &quot;max&quot;: 140, &quot;median&quot;: 110, &quot;mean&quot;: 115, &quot;outliers&quot;: [75, 155]},\n{&quot;label&quot;: &quot;Product C&quot;, &quot;min&quot;: 70, &quot;max&quot;: 110, &quot;median&quot;: 85, &quot;mean&quot;: 88, &quot;outliers&quot;: [60, 125]}]",
  "xAxisLabel": "Categories",
  "yAxisLabel": "Values",
  "rangeStyle": "line",
  "rangeColor": "#3b82f6",
  "medianColor": "#ff6b6b",
  "pointColor": "#4ecdc4",
  "outlierColor": "#ff4444",
  "lineColor": "#333333",
  "lineWidth": "2",
  "pointSize": "4",
  "outlierSize": "6",
  "opacity": "0.3",
  "showMedian": true,
  "showMean": false,
  "showOutliers": true,
  "showDataPoints": true,
  "showGrid": true,
  "gridColor": "#e0e0e0",
  "backgroundColor": "#ffffff",
  "chartWidth": "800",
  "chartHeight": "500",
  "valueFormat": "decimal",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
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]

Explorar herramientas
Abrir herramienta