Data Visualization
Générer des graphiques en aires polaires interactifs pour visualiser les données au format circulaire, parfait pour comparer les catégories avec des motifs cycliques ou des distributions radiales
Appelez cet outil depuis votre code en trois langages.
curl -X POST 'https://api.elysiatools.com/fr/api/tools/polar-area-chart' \
-H 'Content-Type: application/json' \
-d '{"chartData":"JSON format:\n[{"label": "Category A", "value": 25},\n{"label": "Category B", "value": 40},\n{"label": "Category C", "value": 30},\n{"label": "Category D", "value": 35}]","chartTitle":"Entrez le titre du graphique...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartSize":"400","startAngle":"0","innerRadius":"0","backgroundColor":"#ffffff","showValues":true,"showLabels":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":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/polar-area-chart| Nom | Type | Requis | Description |
|---|---|---|---|
| chartData | textarea | Oui | Données pour le graphique en aires polaires au format JSON avec champs étiquette et valeur |
| chartTitle | text | Non | Titre qui sera affiché au-dessus du graphique |
| colorScheme | select | Non | — |
| customColors | textarea | Non | Tableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées) |
| valueFormat | select | Non | — |
| chartSize | number | Non | Taille du graphique en pixels (min: 300, max: 600) |
| startAngle | number | Non | Angle de départ en degrés (0-360) |
| innerRadius | number | Non | Rayon intérieur pour effet de graphique en beignet (0-80) |
| backgroundColor | color | Non | Couleur de fond pour le conteneur du graphique |
| showValues | checkbox | Non | Afficher les valeurs à l'intérieur des zones du graphique |
| showLabels | checkbox | Non | Afficher les étiquettes de catégorie autour du graphique |
| showGrid | checkbox | Non | Afficher les lignes et cercles de grille radiale |
| showAnimation | checkbox | Non | Animer les zones du graphique lors du chargement |
| showPercentage | checkbox | Non | Afficher les pourcentages au lieu des valeurs |
| enableTooltip | checkbox | Non | Afficher des informations détaillées au survol |
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-polar-area-chart": {
"name": "polar-area-chart",
"description": "Générer des graphiques en aires polaires interactifs pour visualiser les données au format circulaire, parfait pour comparer les catégories avec des motifs cycliques ou des distributions radiales",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=polar-area-chart",
"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": "polar-area-chart",
"arguments": {
"chartData": "JSON format:\n[{"label": "Category A", "value": 25},\n{"label": "Category B", "value": 40},\n{"label": "Category C", "value": 30},\n{"label": "Category D", "value": 35}]",
"chartTitle": "Entrez le titre du graphique...",
"colorScheme": "default",
"customColors": "["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]",
"valueFormat": "number",
"chartSize": "400",
"startAngle": "0",
"innerRadius": "0",
"backgroundColor": "#ffffff",
"showValues": true,
"showLabels": true,
"showGrid": true,
"showAnimation": true,
"showPercentage": false,
"enableTooltip": true
}
}
}Des questions ou un problème ? Contactez [email protected]