如何调整GraphViz渲染，将宽树形图改为竖向布局？

我尝试渲染一棵非常宽的树形图，结果生成了一幅细长的横向图像。但我需要适配文档的图形，希望将横向排列的节点向下“拖动”，使图形更偏向竖向布局，同时让边弯曲以适配这种调整。请问有哪些可行方法？比如GraphViz设置、可手动微调输出的第三方工具？我主要使用Python生态，但也接受其他工具，也愿意使用Visio等专业绘图工具。

一、GraphViz 参数调整 #

• 强制竖向布局：设置 rankdir=TB（Top to Bottom），替代默认横向布局；结合 rank 属性手动指定节点层级，将原本横向排布的节点组设为同一竖向层级，迫使节点向下堆叠。
• 启用边弯曲：添加全局配置 edge [splines=curved]，让布局引擎自动生成弯曲边适配节点位置；也可针对单条边单独设置 [splines=curved] 或 [penwidth=1.5, spline=true] 自定义样式。
• 压缩画布与间距：通过 nodesep=0.2（节点间距）、ranksep=0.3（层级间距）缩小空白，配合 size="8,10!" 限制画布宽高比例，强制布局向竖向压缩。
• 子图分组控制：将需要向下排列的节点放入子图 subgraph，并设置 rank=same 绑定子图内节点的层级，引导布局引擎调整节点位置。

二、Python 生态工具实现 #

• NetworkX + GraphViz：用 NetworkX 构建图结构后，导出为 Dot 文件，再用 GraphViz 的 dot 命令结合上述参数渲染；也可通过 nx.draw() 手动指定 pos 字典设置节点坐标，配合 connectionstyle="arc3,rad=0.4" 定义边的弯曲弧度。
• Pyvis：生成交互式 HTML 可视化，可直接在浏览器中拖动节点到目标位置，工具会自动调整边的弯曲路径，调整完成后导出为 PNG/SVG。
• Diagrams：针对架构类树形图，设置 direction="TB" 启用竖向布局，同时支持通过 node 方法自定义节点位置，边默认会适配节点排布自动弯曲。

三、手动微调工具 #

• Visio：导入 GraphViz 生成的 SVG/PNG 文件，解锁节点后直接拖动调整位置，使用“连接线”工具的“编辑顶点”功能手动调整边的弯曲弧度，支持精细控制锚点和路径。
• Inkscape：开源矢量编辑工具，导入 SVG 格式的树形图后，拖动节点时边会自动跟随；可通过“节点编辑工具”选中边的路径节点，手动调整弯曲形状，适合免费场景。
• Photoshop：如实际操作所示，导入图片后用钢笔工具绘制弯曲路径覆盖原有直线边，调整路径平滑度后描边，实现自定义的弯曲边效果。

后续调整反馈 #

按照@sroush的答案实现后，再用Photoshop做了进一步调整，得到了不错的效果：

在Photoshop中调整时，手动为次级节点添加了两条弯曲边，最终呈现效果更美观：

内容的提问来源于stack exchange，提问作者Trekkie