简介 / Introduction 思维导图（Mind Map）和流程图（Flowchart）都是常用的可视化工具，但它们的侧重点不同：思维导图 用于发散和整理想法，适合 brainstorming；流程图 用于表达步骤和决策逻辑，适合过程梳理。本文用 PlantUML 和 Mermaid 分别演示这两种图，帮助你根据场景选择合适的类型。
PlantUML 版 PlantUML 原生支持思维导图（Mindmap）和流程图（Flowchart），分别使用不同语法。
思维导图 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 @startuml skinparam backgroundColor #FEFEFE <style> mindmapDiagram { node { BackgroundColor lightblue FontStyle bold } leaf { BackgroundColor lightgreen } caption { FontSize 16 } } </style> * 项目启动 ** 需求收集 *** 用户访谈 *** 竞品分析 ** 方案设计 *** 架构图 *** 原型设计 *** <color:red>高优：技术评审</color> ** 开发执行 *** 前端 *** 后端 @enduml
流程图 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 @startuml skinparam backgroundColor #FEFEFE start :接收需求; if (需求明确？) then (否) :发起澄清; stop else (是) :技术方案评审; if (评审通过？) then (否) :修改方案; :重新评审; else (是) :排期开发; :Code Review; if (CR 通过？) then (否) :修复问题; :重新提 CR; else (是) :合并上线; stop endif endif endif @enduml
Mermaid 版 Mermaid 从 v10 开始内置思维导图支持，同时 flowchart 是其最成熟的图类型。
思维导图 1 2 3 4 5 6 7 8 9 10 11 12 mindmap root((项目启动)) 需求收集 用户访谈 竞品分析 方案设计 架构图 原型设计 高优技术评审 开发执行 前端开发 后端开发
流程图 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 flowchart TD A([接收需求]) --> B{需求明确？} B -- 否 --> C[发起澄清] C --> Z([结束]) B -- 是 --> D[技术方案评审] D --> E{评审通过？} E -- 否 --> F[修改方案] F --> D E -- 是 --> G[排期开发] G --> H[Code Review] H --> I{CR 通过？} I -- 否 --> J[修复问题] J --> H I -- 是 --> K[合并上线] K --> Z
对比 / Side-by-side
特性
思维导图
流程图
关键词
mindmapDiagram / mindmapstart/stop / flowchart
节点形状
星形层级，* 越多越深
多种 shape（菱形判断、圆角处理）
主干语法
* 标题 多级嵌套--> / -> 连接线
适用场景
发散性想法、头脑风暴
步骤顺序、决策分支
颜色/样式
skinparam / <style> 块styling 节点属性
小结 / Wrap-up 选思维导图 ：当你需要整理发散性想法、呈现层级结构或做 brainstorming 时。选流程图 ：当你需要表达过程步骤、分支决策或循环逻辑时。PlantUML 用 start/stop 块语法，Mermaid 用 flowchart + {} 判断节点，两者都能清晰表达条件分支。选择合适的图类型，能让文档读者一目了然地理解你的意图。
