Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

Generador de Diagramas de Euler

Generar diagramas de Euler personalizables para visualizar relaciones de conjuntos, inclusiones y estructuras jerárquicas

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/euler-diagram-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"New simplified format:\n{\n  "element": [\n    {"name": "A", "count": 150},\n    {"name": "B", "count": 120},\n    {"name": "C", "count": 80}\n  ],\n  "Intersecting": [\n    {"names": "A,B", "count": 50}\n  ]\n}\n\nParent-child example (intersection equals smaller set):\n{\n  "element": [\n    {"name": "Animals", "count": 100},\n    {"name": "Mammals", "count": 80}\n  ],\n  "Intersecting": [\n    {"names": "Animals,Mammals", "count": 80}\n  ]\n}\n\nor simple text format:\nA|150\nB|120\nC|80","chartTitle":"Ingrese el título del diagrama...","borderStyle":"solid","colorScheme":"default","customColors":"#3b82f6,#ef4444,#10b981","circleOpacity":"0.4","fontSize":"14","chartWidth":"700","chartHeight":"600","animationDuration":"1200","backgroundColor":"#ffffff","gridColor":"#f0f0f0","showGrid":false,"showLabels":true,"showValues":true,"showLegend":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/euler-diagram-generator

Parámetros

NombreTipoObligatorioDescripción
chartDatatextareaSíFormato simplificado para diagrama de Venn. El diseño se detecta automáticamente: intersección=conjunto más pequeño → relación padre-hijo; de lo contrario superpuesto; 3+ conjuntos sin intersecciones → disjunto.
chartTitletextNoTítulo que se mostrará encima del diagrama
borderStyleselectNo—
colorSchemeselectNo—
customColorstextNoColores hex personalizados para conjuntos (separados por comas). Anula el esquema de color.
circleOpacitynumberNoOpacidad de los círculos (0.2 a 1.0)
fontSizenumberNoTamaño de fuente para etiquetas en píxeles
chartWidthnumberNoAncho del diagrama en píxeles
chartHeightnumberNoAltura del diagrama en píxeles
animationDurationnumberNoDuración de la animación en milisegundos
backgroundColorcolorNoColor de fondo para el contenedor del diagrama
gridColorcolorNoColor para la cuadrícula de fondo
showGridcheckboxNoMostrar cuadrícula de fondo para mejor posicionamiento
showLabelscheckboxNoMostrar nombres de conjuntos en el diagrama
showValuescheckboxNoMostrar conteos de elementos en los círculos
showLegendcheckboxNoMostrar una leyenda debajo del diagrama

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-euler-diagram-generator": {
      "name": "euler-diagram-generator",
      "description": "Generar diagramas de Euler personalizables para visualizar relaciones de conjuntos, inclusiones y estructuras jerárquicas",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=euler-diagram-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": "euler-diagram-generator",
    "arguments": {
  "chartData": "New simplified format:\n{\n  &quot;element&quot;: [\n    {&quot;name&quot;: &quot;A&quot;, &quot;count&quot;: 150},\n    {&quot;name&quot;: &quot;B&quot;, &quot;count&quot;: 120},\n    {&quot;name&quot;: &quot;C&quot;, &quot;count&quot;: 80}\n  ],\n  &quot;Intersecting&quot;: [\n    {&quot;names&quot;: &quot;A,B&quot;, &quot;count&quot;: 50}\n  ]\n}\n\nParent-child example (intersection equals smaller set):\n{\n  &quot;element&quot;: [\n    {&quot;name&quot;: &quot;Animals&quot;, &quot;count&quot;: 100},\n    {&quot;name&quot;: &quot;Mammals&quot;, &quot;count&quot;: 80}\n  ],\n  &quot;Intersecting&quot;: [\n    {&quot;names&quot;: &quot;Animals,Mammals&quot;, &quot;count&quot;: 80}\n  ]\n}\n\nor simple text format:\nA|150\nB|120\nC|80",
  "chartTitle": "Ingrese el título del diagrama...",
  "borderStyle": "solid",
  "colorScheme": "default",
  "customColors": "#3b82f6,#ef4444,#10b981",
  "circleOpacity": "0.4",
  "fontSize": "14",
  "chartWidth": "700",
  "chartHeight": "600",
  "animationDuration": "1200",
  "backgroundColor": "#ffffff",
  "gridColor": "#f0f0f0",
  "showGrid": false,
  "showLabels": true,
  "showValues": true,
  "showLegend": 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