Gerador de Diagrama de Árvore

Gerar diagramas de árvore interativos a partir de dados hierárquicos com estilo personalizável

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/tree-diagram-generator' \
  -H 'Content-Type: application/json' \
  -d '{"treeData":"JSON: [{&quot;name&quot;: &quot;Root&quot;, &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {&quot;name&quot;: &quot;Branch 1&quot;, &quot;value&quot;: 50},\n    {&quot;name&quot;: &quot;Branch 2&quot;, &quot;value&quot;: 30}\n  ]\n}]\n\nor text:\nRoot:100\nRoot:Branch 1:50\nRoot:Branch 2:30","chartTitle":"Digite o título do gráfico...","nodeShape":"circle","nodeColor":"#3b82f6","nodeTextColor":"#ffffff","lineColor":"#6b7280","backgroundColor":"#ffffff","nodeSize":"40","fontSize":"12","lineWidth":"2","chartHeight":"600","showLabels":true,"showValues":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/tree-diagram-generator

Parâmetros

Nome	Tipo	Obrigatório	Descrição
treeData	textarea	Sim	Dados hierárquicos para a árvore. Suporta objeto JSON ou formato de texto pai:filho:valor
chartTitle	text	Não	Título que será exibido acima do gráfico
nodeShape	select	Não	—
nodeColor	color	Não	Cor para os nós da árvore
nodeTextColor	color	Não	Cor para o texto do nó
lineColor	color	Não	Cor para as linhas de conexão
backgroundColor	color	Não	Cor de fundo para o contêiner do gráfico
nodeSize	number	Não	Tamanho dos nós em pixels
fontSize	number	Não	Tamanho da fonte para o texto do nó
lineWidth	number	Não	Largura das linhas de conexão
chartHeight	number	Não	Altura do gráfico em pixels
showLabels	checkbox	Não	Exibir rótulos de texto nos nós
showValues	checkbox	Não	Exibir valores numéricos nos nós

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-tree-diagram-generator": {
      "name": "tree-diagram-generator",
      "description": "Gerar diagramas de árvore interativos a partir de dados hierárquicos com estilo personalizável",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=tree-diagram-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": "tree-diagram-generator",
    "arguments": {
  "treeData": "JSON: [{&quot;name&quot;: &quot;Root&quot;, &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {&quot;name&quot;: &quot;Branch 1&quot;, &quot;value&quot;: 50},\n    {&quot;name&quot;: &quot;Branch 2&quot;, &quot;value&quot;: 30}\n  ]\n}]\n\nor text:\nRoot:100\nRoot:Branch 1:50\nRoot:Branch 2:30",
  "chartTitle": "Digite o título do gráfico...",
  "nodeShape": "circle",
  "nodeColor": "#3b82f6",
  "nodeTextColor": "#ffffff",
  "lineColor": "#6b7280",
  "backgroundColor": "#ffffff",
  "nodeSize": "40",
  "fontSize": "12",
  "lineWidth": "2",
  "chartHeight": "600",
  "showLabels": true,
  "showValues": 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]