Data Visualization
Gerar medidores personalizáveis a partir de dados, perfeito para mostrar KPIs, métricas e indicadores de desempenho
Chame esta ferramenta a partir do seu código em três idiomas.
curl -X POST 'https://api.elysiatools.com/pt/api/tools/gauge-chart-generator' \
-H 'Content-Type: application/json' \
-d '{"chartData":"Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n {\"label\": \"Sales\", \"value\": 85},\n {\"label\": \"Marketing\", \"value\": 72}\n]","chartTitle":"Digite o título do gráfico...","needleStyle":"line","gaugeColors":"#10b981,#f59e0b,#ef4444","chartSize":"300","minValue":"0","maxValue":"100","startAngle":"-90","endAngle":"90","backgroundColor":"#ffffff","showValue":true,"showLabel":true,"showTicks":true,"showZones":true,"animated":true,"showPercentage":false}'Envie uma requisição POST com suas entradas em JSON. Parâmetros do tipo arquivo exigem upload prévio.
POST https://api.elysiatools.com/pt/api/tools/gauge-chart-generator| Nome | Tipo | Obrigatório | Descrição |
|---|---|---|---|
| chartData | textarea | Sim | Dados para o gráfico medidor. Suporta valor único, múltiplos valores ou formato de array JSON |
| chartTitle | text | Não | Título que será exibido acima do gráfico |
| needleStyle | select | Não | — |
| gaugeColors | text | Não | Cores para zonas do medidor (cores hex separadas por vírgula, tipicamente 3 cores para verde-amarelo-vermelho) |
| chartSize | number | Não | Tamanho de cada medidor em pixels (para múltiplos medidores, afeta o tamanho individual) |
| minValue | number | Não | Valor mínimo para a escala do medidor |
| maxValue | number | Não | Valor máximo para a escala do medidor |
| startAngle | number | Não | Ângulo de início em graus (-90 = esquerda, 0 = topo, 90 = direita) |
| endAngle | number | Não | Ângulo de fim em graus |
| backgroundColor | color | Não | Cor de fundo para o contêiner do gráfico |
| showValue | checkbox | Não | Exibir o valor real no centro do medidor |
| showLabel | checkbox | Não | Exibir o rótulo abaixo do medidor |
| showTicks | checkbox | Não | Exibir marcas e valores de escala ao redor do medidor |
| showZones | checkbox | Não | Exibir zonas coloridas (verde-amarelo-vermelho) no medidor |
| animated | checkbox | Não | Animar o movimento do ponteiro quando o gráfico carrega |
| showPercentage | checkbox | Não | Exibir valor de porcentagem junto com o valor real |
Resultado HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Adicione esta ferramenta ao seu servidor Model Context Protocol para que agentes de IA possam listá-la e chamá-la.
Adicione este bloco à configuração do seu cliente MCP:
{
"mcpServers": {
"elysiatools-gauge-chart-generator": {
"name": "gauge-chart-generator",
"description": "Gerar medidores personalizáveis a partir de dados, perfeito para mostrar KPIs, métricas e indicadores de desempenho",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Após conectar ao endpoint SSE, liste as ferramentas expostas:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Invoque a ferramenta pelo seu id; os argumentos são construídos a partir de seus parâmetros:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "gauge-chart-generator",
"arguments": {
"chartData": "Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n {\"label\": \"Sales\", \"value\": 85},\n {\"label\": \"Marketing\", \"value\": 72}\n]",
"chartTitle": "Digite o título do gráfico...",
"needleStyle": "line",
"gaugeColors": "#10b981,#f59e0b,#ef4444",
"chartSize": "300",
"minValue": "0",
"maxValue": "100",
"startAngle": "-90",
"endAngle": "90",
"backgroundColor": "#ffffff",
"showValue": true,
"showLabel": true,
"showTicks": true,
"showZones": true,
"animated": true,
"showPercentage": false
}
}
}Dúvidas ou problemas? Contate [email protected]