Data Visualization
Générer des graphiques en donut personnalisables à partir de données avec diverses options de style, parfait pour montrer les proportions avec un espace central
Appelez cet outil depuis votre code en trois langages.
curl -X POST 'https://api.elysiatools.com/fr/api/tools/donut-chart-generator' \
-H 'Content-Type: application/json' \
-d '{"chartData":"JSON format:\n[{"label": "Product A", "value": 35},\n{"label": "Product B", "value": 25},\n{"label": "Product C", "value": 20},\n{"label": "Product D", "value": 20}]\n\nor text format:\nProduct A:35\nProduct B:25\nProduct C:20\nProduct D:20","chartTitle":"Entrez le titre du graphique...","colorScheme":"default","centerText":"Total","chartSize":"400","innerRadius":0,"outerRadius":0,"startAngle":"0","backgroundColor":"#ffffff","showPercentage":true,"showLegend":true,"showLabels":true,"showTotalInCenter":false,"explodeSlices":false}'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/donut-chart-generator| Nom | Type | Requis | Description |
|---|---|---|---|
| chartData | textarea | Oui | Données pour le graphique en donut. Supporte le tableau JSON ou le format texte simple étiquette:valeur |
| chartTitle | text | Non | Titre qui sera affiché au-dessus du graphique |
| colorScheme | select | Non | — |
| centerText | text | Non | Texte à afficher au centre du donut (lors de l'affichage du total) |
| chartSize | number | Non | Taille du graphique carré en pixels |
| innerRadius | number | Non | Rayon interne du donut en pixels (laissez vide pour auto) |
| outerRadius | number | Non | Rayon externe du donut en pixels (laissez vide pour auto) |
| startAngle | number | Non | Angle de départ en degrés (0 = haut, 90 = droite) |
| backgroundColor | color | Non | Couleur de fond pour le conteneur du graphique |
| showPercentage | checkbox | Non | Afficher les pourcentages sur les tranches du graphique |
| showLegend | checkbox | Non | Afficher une légende sous le graphique |
| showLabels | checkbox | Non | Afficher les étiquettes ou pourcentages directement sur les tranches du donut |
| showTotalInCenter | checkbox | Non | Afficher la valeur totale au centre du donut |
| explodeSlices | checkbox | Non | Séparer les tranches les unes des autres pour l'emphase |
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-donut-chart-generator": {
"name": "donut-chart-generator",
"description": "Générer des graphiques en donut personnalisables à partir de données avec diverses options de style, parfait pour montrer les proportions avec un espace central",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=donut-chart-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": "donut-chart-generator",
"arguments": {
"chartData": "JSON format:\n[{"label": "Product A", "value": 35},\n{"label": "Product B", "value": 25},\n{"label": "Product C", "value": 20},\n{"label": "Product D", "value": 20}]\n\nor text format:\nProduct A:35\nProduct B:25\nProduct C:20\nProduct D:20",
"chartTitle": "Entrez le titre du graphique...",
"colorScheme": "default",
"centerText": "Total",
"chartSize": "400",
"innerRadius": 0,
"outerRadius": 0,
"startAngle": "0",
"backgroundColor": "#ffffff",
"showPercentage": true,
"showLegend": true,
"showLabels": true,
"showTotalInCenter": false,
"explodeSlices": false
}
}
}Des questions ou un problème ? Contactez [email protected]