Bar Chart Generator

Generate customizable bar charts from data with various styling options

html· Résultat HTMLOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL

curl -X POST 'https://api.elysiatools.com/fr/api/tools/bar-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON: [{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100},\n{&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150},\n{&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]\n\nor text:\nJan:100\nFeb:150\nMar:120","chartTitle":"Enter chart title...","chartType":"vertical","barColor":"#3b82f6","backgroundColor":"#ffffff","gridColor":"#e0e0e0","barWidth":"50","chartHeight":"400","maxValue":0,"minValue":"0","xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showValues":true,"showLegend":true}'

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP

POST https://api.elysiatools.com/fr/api/tools/bar-chart-generator

Paramètres

Nom	Type	Requis	Description
chartData	textarea	Oui	Data for the chart. Can be JSON array or simple label:value pairs
chartTitle	text	Non	Title that will be displayed above the chart
chartType	select	Non	—
barColor	color	Non	Color for the bars in the chart
backgroundColor	color	Non	Background color for the chart container
gridColor	color	Non	Color for the grid lines
barWidth	number	Non	Width of each bar in pixels (auto-adjusts if too large)
chartHeight	number	Non	Height of the chart in pixels
maxValue	number	Non	Maximum value for Y-axis (leave empty for auto-scale)
minValue	number	Non	Minimum value for Y-axis
xAxisLabel	text	Non	Label for the X-axis
yAxisLabel	text	Non	Label for the Y-axis
showGrid	checkbox	Non	Display horizontal grid lines for better readability
showValues	checkbox	Non	Display the actual values on top of each bar
showLegend	checkbox	Non	Display a legend below the chart

Format de réponse

Résultat HTML

JSON

{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json

{
  "mcpServers": {
    "elysiatools-bar-chart-generator": {
      "name": "bar-chart-generator",
      "description": "Generate customizable bar charts from data with various styling options",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=bar-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "bar-chart-generator",
    "arguments": {
  "chartData": "JSON: [{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100},\n{&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150},\n{&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]\n\nor text:\nJan:100\nFeb:150\nMar:120",
  "chartTitle": "Enter chart title...",
  "chartType": "vertical",
  "barColor": "#3b82f6",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "barWidth": "50",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": "0",
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showValues": true,
  "showLegend": true
}
  }
}

Chaînez plusieurs outils dans une session avec une liste toolId séparée par des virgules, ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (20 max).

Des questions ou un problème ? Contactez [email protected]