Tree Diagram Generator
Create semantic tree diagrams programmatically. Define your tree structure in JSON format.
Tree Structure
Tree JSON:
{ "value": "1", "color": "#3b5998", "children": [ { "value": "2", "edgeLabel": "F", "children": [ { "value": "T", "color": "#0d4d4d", "edgeLabel": "F" }, { "value": "T", "edgeLabel": "T" } ] }, { "value": "5", "edgeLabel": "T", "children": [ { "value": "T", "edgeLabel": "F" }, { "value": "T", "color": "#8b4513", "edgeLabel": "T" } ] } ] }
Generate Tree
Load Example
Appearance
Background Color:
Default Node Color:
Border Color:
Text Color:
Node Size:
Vertical Spacing:
Horizontal Spacing:
Caption Text:
Download SVG
Download PNG