← Back
Online Toolbox
Tree Diagram Generator
Input hierarchical JSON to generate tree or treemap diagrams
Data Input
Input hierarchical JSON data, each node contains
name
field, optional
children
(child array) and
value
(leaf node value, used for treemap area calculation).
JSON Data
{ "name": "公司", "children": [ { "name": "技术部", "children": [ { "name": "前端组", "value": 5 }, { "name": "后端组", "value": 8 }, { "name": "测试组", "value": 3 } ]}, { "name": "产品部", "children": [ { "name": "产品设计", "value": 4 }, { "name": "用户研究", "value": 2 } ]}, { "name": "市场部", "value": 6 } ] }
Chart Settings
Chart Type
Tree Chart
Treemap
Color Scheme
Blues
Greens
Colorful
Warm Colors
Direction
Top to Bottom
Left to Right
Show Labels
Generate
Output Result
Download SVG
Download PNG