Elysia Tools
导航
Data Visualization
· 最后更新：2025-10-31
从层级数据生成交互式树状图，支持自定义样式
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
工具使用指南
树状图生成器是一款高效的数据可视化工具，能够将复杂的层级数据快速转换为清晰、美观的交互式树状图，支持自定义节点形状、颜色及布局样式，适用于展示组织架构、逻辑结构或分类体系。
背景
需要向管理层展示公司最新的部门架构，包含各部门的层级关系。
问题
手动绘图效率低且难以维护，需要一种快速生成清晰架构图的方法。
如何使用
输入部门层级 JSON 数据，选择“矩形”节点形状，并设置统一的蓝色主题色。
nodeShape: rectangle, nodeColor: #3b82f6, showValues: false结果
生成了一张结构严谨、布局清晰的部门架构图，直接用于内部汇报。
背景
正在梳理复杂的产品功能模块，需要向开发团队展示功能间的从属关系。
问题
功能点繁多，文字描述不够直观，需要通过可视化图表辅助沟通。
如何使用
使用父子关系文本格式输入功能模块数据，调整节点颜色以区分不同优先级。
nodeShape: circle, nodeSize: 50, showLabels: true结果
通过树状图直观展示了功能模块的层级，有效提升了团队对产品结构的理解。
支持标准的 JSON 对象格式，也支持简单的“父节点:子节点:数值”文本格式。
该工具生成的是交互式 HTML 图表，您可以直接在页面查看或通过截图保存。
可以，支持圆形、矩形、圆角矩形和菱形四种节点形状。
您可以在配置项中修改“图表高度”和“节点大小”参数来适配不同的展示空间。
可以，通过取消勾选“显示节点数值”选项即可隐藏数值信息。