Data Visualization
Générer des diagrammes Sankey pour visualiser les distributions de flux et les transferts d'énergie entre différents nœuds
Appelez cet outil depuis votre code en trois langages.
curl -X POST 'https://api.elysiatools.com/fr/api/tools/sankey-diagram-generator' \
-H 'Content-Type: application/json' \
-d '{"chartData":"Simple example (2 nodes):\n{\n "nodes": [{"id": "source", "name": "Source", "value": 100}, {"id": "target", "name": "Target", "value": 100}],\n "links": [{"source": "source", "target": "target", "value": 100}]\n}\n\nOr 3 nodes:\n{\n "nodes": [{"id": "input", "name": "Input", "value": 100}, {"id": "process", "name": "Process", "value": 75}, {"id": "output", "name": "Output", "value": 75}],\n "links": [{"source": "input", "target": "process", "value": 75}, {"source": "process", "target": "output", "value": 75}]\n}","chartTitle":"Entrez le titre du graphique...","nodeColors":"#1e40af,#dc2626,#16a34a,#ca8a04,#7c3aed,#0891b2","linkColors":"#3b82f6,#ef4444,#22c55e,#eab308,#a855f7,#06b6d4","chartWidth":"800","chartHeight":"500","nodeWidth":"30","nodePadding":"30","backgroundColor":"#ffffff","showValues":true,"showLabels":true,"animated":true}'Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.
POST https://api.elysiatools.com/fr/api/tools/sankey-diagram-generator| Nom | Type | Requis | Description |
|---|---|---|---|
| chartData | textarea | Oui | Données pour le diagramme Sankey au format JSON avec des tableaux de nœuds et de liens |
| chartTitle | text | Non | Titre qui sera affiché au-dessus du graphique |
| nodeColors | text | Non | Couleurs pour les nœuds (couleurs hex séparées par des virgules) |
| linkColors | text | Non | Couleurs pour les liens de flux (couleurs hex séparées par des virgules) |
| chartWidth | number | Non | Largeur du graphique en pixels |
| chartHeight | number | Non | Hauteur du graphique en pixels |
| nodeWidth | number | Non | Largeur de chaque nœud en pixels |
| nodePadding | number | Non | Espacement vertical entre les nœuds en pixels |
| backgroundColor | color | Non | Couleur de fond pour le conteneur du graphique |
| showValues | checkbox | Non | Afficher les valeurs de flux sur le diagramme |
| showLabels | checkbox | Non | Afficher les noms des nœuds sur le diagramme |
| animated | checkbox | Non | Animer le diagramme lors du chargement |
Résultat HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.
Ajoutez ce bloc à la configuration de votre client MCP :
{
"mcpServers": {
"elysiatools-sankey-diagram-generator": {
"name": "sankey-diagram-generator",
"description": "Générer des diagrammes Sankey pour visualiser les distributions de flux et les transferts d'énergie entre différents nœuds",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=sankey-diagram-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Après connexion au point d'accès SSE, listez les outils exposés :
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "sankey-diagram-generator",
"arguments": {
"chartData": "Simple example (2 nodes):\n{\n "nodes": [{"id": "source", "name": "Source", "value": 100}, {"id": "target", "name": "Target", "value": 100}],\n "links": [{"source": "source", "target": "target", "value": 100}]\n}\n\nOr 3 nodes:\n{\n "nodes": [{"id": "input", "name": "Input", "value": 100}, {"id": "process", "name": "Process", "value": 75}, {"id": "output", "name": "Output", "value": 75}],\n "links": [{"source": "input", "target": "process", "value": 75}, {"source": "process", "target": "output", "value": 75}]\n}",
"chartTitle": "Entrez le titre du graphique...",
"nodeColors": "#1e40af,#dc2626,#16a34a,#ca8a04,#7c3aed,#0891b2",
"linkColors": "#3b82f6,#ef4444,#22c55e,#eab308,#a855f7,#06b6d4",
"chartWidth": "800",
"chartHeight": "500",
"nodeWidth": "30",
"nodePadding": "30",
"backgroundColor": "#ffffff",
"showValues": true,
"showLabels": true,
"animated": true
}
}
}Des questions ou un problème ? Contactez [email protected]