把带缩进的文本粘进去，一键生成图形，可以导出 PNG 或 SVG 图片。有两种图形类型：
树形图：节点加连线，类似组织架构图。
矩形树图（Treemap）：用矩形面积表示数值大小，适合看磁盘占用、预算构成、流量来源这类"谁占多少"的问题。
画组织架构图、简单的分类/目录结构图，不用在 PPT 里手动拉线对齐。
输入即所见，改一行文字比拖一个方框快得多。
公司
技术部
后端组
前端组
市场部
国内
海外
同一级的行必须用相同的缩进宽度，缩进越深表示层级越深。最多支持 300 个节点，超出的部分会被忽略并提示。
矩形树图的写法：在最底层每一行的名称后面加一个数值（用空格、冒号或逗号隔开），例如：
磁盘占用
视频
电影 320
录屏 85
图片
相机 140
其他 45
有子节点的行，数值自动汇总，不需要写；没写数值的最底层行按 1 计。数值为 0 或负数的行不显示面积。第一级的每个分支用一种颜色，鼠标悬停可看到完整路径、数值和占比。
Q：这是矩形面积图（严格意义上的 treemap）吗？ A：把「图形类型」切到「矩形树图 Treemap」就是。默认的「树形图」是节点 + 连线的组织架构图样式，不按数值划分面积。
Q：能拖动节点调整位置、改颜色、换横向/径向布局吗？ A：当前版本不支持，布局由算法自动计算。
Q：数据会上传吗？ A：不会，全部用 D3.js 在浏览器本地绘制，不联网、不上传。
「树形图」是节点加连线的组织架构图样式；「矩形树图」按数值划分面积。纯本地绘制，不上传数据。