Data Visualization
Generate beautiful stream graphs for time series data with smooth flowing animations and baseline variations
Llama a esta herramienta desde tu código en tres lenguajes.
curl -X POST 'https://api.elysiatools.com/es/api/tools/stream-graph-generator' \
-H 'Content-Type: application/json' \
-d '{"chartData":"JSON format:\n[\n {"name": "Product A", "values": [30, 45, 35, 50, 40, 35, 45, 55]},\n {"name": "Product B", "values": [20, 25, 30, 25, 35, 30, 25, 30]},\n {"name": "Product C", "values": [15, 20, 25, 20, 15, 25, 20, 15]}\n]\n\nor text format:\nProduct A:30,45,35,50,40,35,45,55\nProduct B:20,25,30,25,35,30,25,30\nProduct C:15,20,25,20,15,25,20,15","chartTitle":"Stream Graph","timeLabels":"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug","colorScheme":"default","baselineType":"zero","chartWidth":"800","chartHeight":"400","showGrid":false,"showLabels":true,"backgroundColor":"#ffffff"}'Envía una petición POST con tus entradas en JSON. Los parámetros de tipo archivo requieren una subida previa.
POST https://api.elysiatools.com/es/api/tools/stream-graph-generator| Nombre | Tipo | Obligatorio | Descripción |
|---|---|---|---|
| chartData | textarea | Sí | Time series data for the stream graph. Supports JSON array or simple name:value list format |
| chartTitle | text | No | Title that will be displayed above the chart |
| timeLabels | text | No | Comma-separated labels for time periods (optional) |
| colorScheme | select | No | — |
| baselineType | select | No | Algorithm for calculating the baseline |
| chartWidth | number | No | Width of the chart in pixels |
| chartHeight | number | No | Height of the chart in pixels |
| showGrid | checkbox | No | Display background grid lines |
| showLabels | checkbox | No | Display series names on the chart |
| backgroundColor | text | No | Background color for the chart container |
Resultado HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Añade esta herramienta a tu servidor Model Context Protocol para que los agentes de IA puedan listarla y llamarla.
Añade este bloque a la configuración de tu cliente MCP:
{
"mcpServers": {
"elysiatools-stream-graph-generator": {
"name": "stream-graph-generator",
"description": "Generate beautiful stream graphs for time series data with smooth flowing animations and baseline variations",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stream-graph-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Tras conectar al endpoint SSE, lista las herramientas expuestas:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Invoca la herramienta por su id; los argumentos se construyen a partir de sus parámetros:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "stream-graph-generator",
"arguments": {
"chartData": "JSON format:\n[\n {"name": "Product A", "values": [30, 45, 35, 50, 40, 35, 45, 55]},\n {"name": "Product B", "values": [20, 25, 30, 25, 35, 30, 25, 30]},\n {"name": "Product C", "values": [15, 20, 25, 20, 15, 25, 20, 15]}\n]\n\nor text format:\nProduct A:30,45,35,50,40,35,45,55\nProduct B:20,25,30,25,35,30,25,30\nProduct C:15,20,25,20,15,25,20,15",
"chartTitle": "Stream Graph",
"timeLabels": "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug",
"colorScheme": "default",
"baselineType": "zero",
"chartWidth": "800",
"chartHeight": "400",
"showGrid": false,
"showLabels": true,
"backgroundColor": "#ffffff"
}
}
}¿Dudas o problemas? Contacta con [email protected]