Tree Diagram Generator
Generate interactive tree diagrams from hierarchical data with customizable styling
API Documentation
Request Endpoint
POST /en/api/tools/tree-diagram-generator
Request Parameters
| Parameter Name | Type | Required | Description |
|---|---|---|---|
| treeData | textarea | Yes | Hierarchical data for the tree. Supports JSON object or parent:child:value text format |
| chartTitle | text | No | Title that will be displayed above the chart |
| nodeShape | select | No | - |
| nodeColor | color | No | Color for the tree nodes |
| nodeTextColor | color | No | Color for the node text |
| lineColor | color | No | Color for the connecting lines |
| backgroundColor | color | No | Background color for the chart container |
| nodeSize | number | No | Size of nodes in pixels |
| fontSize | number | No | Font size for node text |
| lineWidth | number | No | Width of connecting lines |
| chartHeight | number | No | Height of the chart in pixels |
| showLabels | checkbox | No | Display text labels on nodes |
| showValues | checkbox | No | Display numeric values on nodes |
Response Format
{
"result": "Processed HTML content",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}
HTML:
HTML
AI MCP Documentation
Add this tool to your MCP server configuration:
{
"mcpServers": {
"elysiatools-tree-diagram-generator": {
"name": "tree-diagram-generator",
"description": "Generate interactive tree diagrams from hierarchical data with customizable styling",
"baseUrl": "https://elysiatools.com/mcp/sse?toolId=tree-diagram-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}
You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.
If you encounter any issues, please contact us at [email protected]