Bar Chart Generator

Generate customizable bar charts from data with various styling options

html· Resultado HTMLAbrir ferramenta

Início rápido

Chame esta ferramenta a partir do seu código em três idiomas.

cURL

curl -X POST 'https://api.elysiatools.com/pt/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}'

Referência da API

Envie uma requisição POST com suas entradas em JSON. Parâmetros do tipo arquivo exigem upload prévio.

Endpoint

HTTP

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

Parâmetros

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

Formato de resposta

Resultado HTML

JSON

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

Integração MCP

Adicione esta ferramenta ao seu servidor Model Context Protocol para que agentes de IA possam listá-la e chamá-la.

Configuração do servidor

Adicione este bloco à configuração do seu cliente 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"
    }
  }
}

Listar ferramentas disponíveis

Após conectar ao endpoint SSE, liste as ferramentas expostas:

tools/list

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

Chamar esta ferramenta

Invoque a ferramenta pelo seu id; os argumentos são construídos a partir de seus parâmetros:

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
}
  }
}

Encadeie várias ferramentas em uma sessão com uma lista toolId separada por vírgulas, p. ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (máx. 20).

Dúvidas ou problemas? Contate [email protected]