组织架构图生成器
缩进文本描述层级一键生成 SVG 树图，上下 / 左右布局切换，可导出 SVG、PNG 与打印，纯本地运行
在线组织架构图制作工具：在左侧文本框里用缩进描述层级（行首 2 个空格为一级，支持制表符），或改用「上级|下级」逐行配对格式， 右侧实时渲染成圆角矩形节点 + 折线连线的树形架构图——支持「从上到下」与「从左到右」两种布局方向切换、节点宽度按文字长度自适应、 叶子较多时自动收紧间距紧凑排版。全部解析与绘图由浏览器本地纯函数完成，不上传任何数据；可下载 SVG / PNG、复制 SVG 代码或直接打印， 架构文本草稿自动保存在本机 localStorage。
架构描述
每行一个部门 / 岗位：行首 2 个空格 = 一级（4 个空格两级，Tab 同一级），首个顶格行为根节点， 多个顶格行即多根并列。缩进一次跳两级会自动收拢到上一层的下一级。
布局设置
布局方向
没有解析到任何节点：请检查文本是否为空，或格式是否符合所选输入格式。
节点数
0
层级数
0
根节点
0
架构图预览
深蓝为根节点、浅蓝为一级部门、白底为下级岗位；连线为折线式母线。节点宽度随文字长度自适应， 悬停节点可查看完整名称。「从左到右」会把层级从纵向变为横向展开，适合部门多、层级深的架构。
#组织架构图怎么画才规范？
#组织架构图制图规范
组织架构图（Org Chart）用「节点 + 连线」表达组织的汇报与隶属关系：一个节点代表一个部门或一个岗位，连线只表达「向谁汇报」这一种关系。 好读的架构图有三个共性：层级从上往下逐级展开、同一层节点宽度对齐、连线只走横平竖直的折线而不是斜线交叉。 本工具默认按这三个约定渲染：根节点置顶、同层横向排列、折线式母线连接，可直接用于员工手册、入职文档与汇报材料。
一层一层拆：先部门、后岗位
- 先画顶层（公司 / 事业部），再画一级部门，最后才铺岗位——每往下画一层，都确认上一层的兄弟节点已经列全。
- 同一层保持同一种粒度：不要在「一级部门」层混入具体岗位；虚线汇报、兼职顾问这类弱关系建议不放主图，另加备注。
- 节点文字用「部门名」或「岗位名」，不要把职责、人数塞进节点；需要时用悬停提示或附表补充。
- 层级建议控制在 3-5 级：超过 5 级通常说明中间管理层冗余，或应该改用「从左到右」布局换取横向空间。
- 多人同一岗位（如「前端工程师 ×6」）合并成一个节点标注人数，比画 6 个同名节点清爽得多。
什么时候选「从左到右」布局？
「从上到下」适合层级浅（3 级以内）、部门数量适中的经典树；当叶子节点（岗位）很多时，横向会被撑得很宽。 此时切换「从左到右」：层级变成纵向列、兄弟节点纵向堆叠，宽度只随层级数增长，正好适合层级深、每层岗位多的组织（如研发中心的各职能组）。 本页两种布局使用同一份文本，切换不会丢失任何内容。
数据保存在哪里？会上传吗？
不会上传。架构文本、输入格式与布局方向只保存在当前浏览器的 localStorage，用于下次打开时恢复草稿； 解析与 SVG 绘制全部由本地纯函数完成。更换浏览器 / 设备或清除站点数据后草稿不会跟随迁移，长期留存请「下载 SVG / PNG」或把文本粘贴到文档备份。 排完架构图若还要排项目任务，可用站内甘特图生成器把部门工作铺到时间轴上。
#常见问题 (FAQ)
缩进格式和「上级|下级」格式怎么选？
从大纲文档（会议纪要、WPS / Word 多级列表）直接粘贴时用缩进格式最省事；手里只有一份散乱的汇报关系清单（如 HR 导出的上级工号对照）时，「上级|下级」逐行配对更顺手——顺序不限，工具会自动把关系拼成树。
可以有多个根节点吗？
可以。缩进格式里写多个顶格行、配对格式里出现多个从未做过「下级」的名称，都会渲染成并列的多棵树，适合集团多事业部、矩阵组织等场景。
部门名里有特殊字符会出问题吗？
不会。所有节点文字在写入 SVG 前都会做 XML 转义（< > & 引号等），「研发<创新>部」这类名称可以正常显示与导出。
导出的 PNG 分辨率够打印吗？
PNG 按 2 倍尺寸栅格化输出；如果要更高清晰度或需要后期在矢量软件里调整，建议用「下载 SVG」——SVG 是矢量格式，任意缩放不失真。