Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

Generador de Gráfico de Heladas

Generar gráficos de heladas interactivos para visualización de datos jerárquicos, perfecto para mostrar estructuras de árbol, sistemas de archivos y jerarquías organizacionales

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/icicle-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n{\n  "name": "Root",\n  "value": 100,\n  "children": [\n    {\n      "name": "Branch A",\n      "value": 60,\n      "children": [\n        {"name": "Leaf A1", "value": 30},\n        {"name": "Leaf A2", "value": 30}\n      ]\n    }\n  ]\n}","chartTitle":"Ingrese el título del gráfico...","colorScheme":"ocean","customColors":"[\"#FF6B6B\", \"#4ECDC4\", \"#45B7D1\", \"#96CEB4\"]","valueFormat":"number","chartWidth":"600","chartHeight":"500","startLevel":"0","maxDepth":"3","labelSize":"12","paddingSize":"2","borderRadius":"4","strokeWidth":"1","backgroundColor":"#ffffff","strokeColor":"#ffffff","showLabels":true,"showValues":true,"showPercentages":false,"enableTooltip":true,"chartOrientation":"horizontal","hoverAnimation":true}'

© 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/icicle-chart-generator

Parámetros

NombreTipoObligatorioDescripción
chartDatatextareaSíDatos jerárquicos en formato JSON con nombre, valor y arrays de hijos opcionales
chartTitletextNoTítulo que se mostrará encima del gráfico
colorSchemeselectNo—
customColorstextareaNoMatriz JSON de colores hex (requiere selección de colores personalizados)
valueFormatselectNo—
chartWidthnumberNoAncho del gráfico en píxeles (mín: 400, máx: 1200)
chartHeightnumberNoAltura del gráfico en píxeles (mín: 300, máx: 800)
startLevelnumberNoNivel de inicio a mostrar (0 = nivel raíz)
maxDepthnumberNoNúmero máximo de niveles a mostrar
labelSizenumberNoTamaño de fuente para etiquetas en píxeles (mín: 8, máx: 16)
paddingSizenumberNoEspaciado entre rectángulos en píxeles (mín: 0, máx: 10)
borderRadiusnumberNoRadio de esquina para rectángulos en píxeles (mín: 0, máx: 8)
strokeWidthnumberNoAncho del borde para rectángulos en píxeles (mín: 0, máx: 3)
backgroundColorcolorNoColor de fondo para el contenedor del gráfico
strokeColorcolorNoColor del borde para rectángulos
showLabelscheckboxNoMostrar nombres de categoría dentro de rectángulos
showValuescheckboxNoMostrar valores dentro de rectángulos
showPercentagescheckboxNoMostrar porcentajes en lugar de valores absolutos
enableTooltipcheckboxNoMostrar información detallada al pasar el cursor
chartOrientationselectNo—
hoverAnimationcheckboxNoAnimar rectángulos al pasar el cursor

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-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "Generar gráficos de heladas interactivos para visualización de datos jerárquicos, perfecto para mostrar estructuras de árbol, sistemas de archivos y jerarquías organizacionales",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=icicle-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": "icicle-chart-generator",
    "arguments": {
  "chartData": "JSON format:\n{\n  &quot;name&quot;: &quot;Root&quot;,\n  &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {\n      &quot;name&quot;: &quot;Branch A&quot;,\n      &quot;value&quot;: 60,\n      &quot;children&quot;: [\n        {&quot;name&quot;: &quot;Leaf A1&quot;, &quot;value&quot;: 30},\n        {&quot;name&quot;: &quot;Leaf A2&quot;, &quot;value&quot;: 30}\n      ]\n    }\n  ]\n}",
  "chartTitle": "Ingrese el título del gráfico...",
  "colorScheme": "ocean",
  "customColors": "[\"#FF6B6B\", \"#4ECDC4\", \"#45B7D1\", \"#96CEB4\"]",
  "valueFormat": "number",
  "chartWidth": "600",
  "chartHeight": "500",
  "startLevel": "0",
  "maxDepth": "3",
  "labelSize": "12",
  "paddingSize": "2",
  "borderRadius": "4",
  "strokeWidth": "1",
  "backgroundColor": "#ffffff",
  "strokeColor": "#ffffff",
  "showLabels": true,
  "showValues": true,
  "showPercentages": false,
  "enableTooltip": true,
  "chartOrientation": "horizontal",
  "hoverAnimation": true
}
  }
}
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