10种常见的“视觉图”
From 逻辑思维
总览
| 分类 | 图示类型 | 特点 |
|---|---|---|
| 逻辑关系 | 利弊图、二维四象限图、分布图、系统图 | 梳理逻辑、比较与结构 |
| 概念包含先后顺序或与时间相关 | 甘特图、流程图、历史图 | 时间轴 / 先后顺序 / 依存关系 |
| 思维比较发散 | 思维导图、鱼骨图、曼陀罗图 | 无固定逻辑结构与时间顺序，从一点发散 |
flowchart TB
R((10种常见视觉图))
R --> G1[逻辑关系]
R --> G2[时间与顺序]
R --> G3[发散思维]
G1 --> A1[利弊图]
G1 --> A2[二维四象限图]
G1 --> A3[分布图]
G1 --> A4[系统图]
G2 --> B1[甘特图]
G2 --> B2[流程图]
G2 --> B3[历史图]
G3 --> C1[思维导图]
G3 --> C2[鱼骨图]
G3 --> C3[曼陀罗图]
1. 利弊图（Pros and Cons）
对比某一决策或事物的优点与缺点，便于权衡取舍。
flowchart LR
subgraph L["利 Pros"]
direction TB
P1[收益明确]
P2[成本可控]
P3[可快速落地]
end
D{{是否推行新方案}}
subgraph R["弊 Cons"]
direction TB
C1[短期投入大]
C2[团队学习成本]
C3[存在不确定性]
end
P2 --- D
D --- C2
| 利（Pros） | 弊（Cons） |
|---|---|
| 收益明确 | 短期投入大 |
| 成本可控 | 团队学习成本 |
| 可快速落地 | 存在不确定性 |
2. 二维四象限图
用 两个维度 交叉，把事项放入四个象限，便于分类与优先级排序（经典：重要 × 紧急）。
纵轴 = 重要程度（上高下低）；横轴 = 紧急程度（左低右高）
坐标平面（表格对齐，避免中文 ASCII 错位）
重要程度 ↑ 高
| ← 紧急低 | 紧急高 → | |
|---|---|---|
| 重要高 | II 重要不紧急 【计划做】 · 战略规划 · 能力提升 |
I 紧急且重要 【立刻做】 · 危机处理 · 客户投诉 |
| 重要低 | III 不紧急不重要 【少做 / 不做】 · 娱乐刷屏 |
IV 紧急不重要 【委托做】 · 日常琐事 |
重要程度 ↓ 低 紧急程度 →
Mermaid 示意
flowchart TB
subgraph Y["重要程度 上高下低"]
direction TB
subgraph Top["重要 = 高"]
direction LR
Q2["II 重要不紧急<br/>计划做<br/>战略规划 / 能力提升"]
Q1["I 紧急且重要<br/>立刻做<br/>危机处理 / 客户投诉"]
end
subgraph Bottom["重要 = 低"]
direction LR
Q3["III 不紧急不重要<br/>少做或不做<br/>娱乐刷屏"]
Q4["IV 紧急不重要<br/>委托做<br/>日常琐事"]
end
end
左右：紧急低 → 紧急高
四象限对照
| 象限 | 坐标含义 | 策略 | 例子 |
|---|---|---|---|
| I | 紧急高 · 重要高 | 立刻做 | 危机处理、客户投诉 |
| II | 紧急低 · 重要高 | 计划做 | 战略规划、能力提升 |
| III | 紧急低 · 重要低 | 少做 / 不做 | 娱乐刷屏 |
| IV | 紧急高 · 重要低 | 委托做 | 日常琐事 |
矩阵速查（与上图方位一致：左低右高）
| 重要 \ 紧急 | 低 | 高 |
|---|---|---|
| 高 | II 计划做 | I 立刻做 |
| 低 | III 少做/不做 | IV 委托做 |
读图要点：横轴、纵轴各自独立；事项落在交叉形成的四个区域里，而不是简单列表。
3. 分布图（Distribution / Scattergram）
展示数据在二维空间中的分布规律，用于发现聚类、相关与异常点。
满意度 ↑
100 | * *
90 | * *
80 | * * *
70 | *
60 | * * *
50 | *
40 | *
20 | *
0 +----+----+----+----+----+----+----+----→
10 20 30 40 50 60 70 80
销售额（万元）
读图：大致正相关；右上为高销高满意聚类；左下可能有异常点。
| 销售额（万元） | 满意度 |
|---|---|
| 10 | 20 |
| 20 | 55 |
| 30 | 50 |
| 40 | 70 |
| 50 | 62 |
| 60 | 80 |
| 70 | 75 |
| 80 | 95 |
4. 系统图（System Chart / System Diagram）
把整体拆成层级或部分，展示组成部分及其从属关系。
flowchart TB
Root[公司运营系统]
Root --> A[产品]
Root --> B[市场]
Root --> C[交付]
Root --> D[支持]
A --> A1[需求分析]
A --> A2[设计研发]
A --> A3[质量保障]
B --> B1[获客]
B --> B2[转化]
B --> B3[品牌]
C --> C1[实施]
C --> C2[运维]
C --> C3[客户成功]
D --> D1[财务]
D --> D2[人力]
D --> D3[行政]
5. 甘特图（Gantt Chart）
把任务列表放入时间轴，看清任务时长、并行关系与关键路径。
任务 \ 周次 W1 W2 W3 W4 W5 W6 W7 W8
---------------------------------------------------------------
需求调研 ████
方案设计 ████
开发实现 ████████████
测试验证 ████████
文档编写 ████████
上线发布 ██
复盘总结 ██
---------------------------------------------------------------
█ = 占用时段；开发与文档可并行；测试依赖开发完成。
| 任务 | 开始 | 时长 | 依赖 |
|---|---|---|---|
| 需求调研 | W1 | 1周 | - |
| 方案设计 | W2 | 1周 | 需求调研 |
| 开发实现 | W3 | 3周 | 方案设计 |
| 测试验证 | W6 | 2周 | 开发实现 |
| 文档编写 | W3 | 2周 | 方案设计 |
| 上线发布 | W8 | 0.5周 | 测试验证 |
| 复盘总结 | W8 | 0.5周 | 上线发布 |
6. 流程图（Flow Chart）
注重任务的先后顺序，以及相互依存的逻辑（判断、分支、回环）。
flowchart TD
Start([开始]) --> Input[收集需求]
Input --> Analyze{需求是否清晰}
Analyze -->|否| Clarify[澄清与补充]
Clarify --> Analyze
Analyze -->|是| Design[方案设计]
Design --> Review{评审通过}
Review -->|否| Design
Review -->|是| Build[开发实现]
Build --> Test[测试]
Test --> Pass{测试通过}
Pass -->|否| Build
Pass -->|是| Release[发布上线]
Release --> Finish([结束])
7. 历史图（History Chart）
在时间轴上标明关键事件与节点，梳理演变过程。
flowchart LR
T1["2023 Q1<br/>立项启动<br/>组建核心团队"]
T2["2023 Q3<br/>内测发布<br/>种子用户反馈"]
T3["2024 Q1<br/>正式版 1.0<br/>商业化试点"]
T4["2024 Q4<br/>功能扩展<br/>规模化增长"]
T5["2025 Q2<br/>生态开放<br/>伙伴接入"]
T6["2026 Q1<br/>平台化升级<br/>自动化增强"]
T1 --> T2 --> T3 --> T4 --> T5 --> T6
| 时间 | 关键事件 |
|---|---|
| 2023 Q1 | 立项启动；组建核心团队 |
| 2023 Q3 | 内测版本发布；首批种子用户反馈 |
| 2024 Q1 | 正式版 1.0 上线；完成商业化试点 |
| 2024 Q4 | 功能矩阵扩展；进入规模化增长 |
| 2025 Q2 | 生态开放；合作伙伴接入 |
| 2026 Q1 | 平台化升级；数据与自动化能力增强 |
8. 思维导图（Mind Map）
从一点出发，发散性地拓展思维；帮助发散联想与结构化记录。
flowchart TB
Root((学习规划))
Root --> G1[目标]
Root --> G2[方法]
Root --> G3[资源]
Root --> G4[反馈]
G1 --> G1a[短期目标]
G1 --> G1b[长期目标]
G1 --> G1c[可衡量指标]
G2 --> G2a[刻意练习]
G2 --> G2b[费曼技巧]
G2 --> G2c[间隔复习]
G3 --> G3a[书籍]
G3 --> G3b[课程]
G3 --> G3c[社群]
G4 --> G4a[作业练习]
G4 --> G4b[同伴互评]
G4 --> G4c[阶段复盘]
9. 鱼骨图（Fishbone）
从结果（鱼头）开始，发散性地寻找原因（鱼骨分支），常用于根因分析。
技能不足 \ 流程缺失 \ 工具落后 \
\ 人员 \ 方法 \ 机器
沟通不畅 / 标准不清 / 环境不稳 /
\ \ \
\ \ \
--------------------+---------------------+---------------------+------【交付延期】
/ / /
/ / /
输入质量差 \ 指标偏差 \ 时间压力 \
\ 材料 \ 测量 \ 环境
依赖不可控 / 数据滞后 / 组织变动 /
| 类别 | 可能原因 |
|---|---|
| 人员 | 技能不足、沟通不畅 |
| 方法 | 流程缺失、标准不清 |
| 机器 | 工具落后、环境不稳定 |
| 材料 | 输入质量差、依赖不可控 |
| 测量 | 指标偏差、数据滞后 |
| 环境 | 时间压力、组织变动 |
10. 曼陀罗图（Mandala）
从核心开始，发散性地拓展到外围（通常为 3×3：中心主题 + 八个关联方向）。
flowchart TB
N1[目标] --- N2[资源] --- N3[方法]
N4[风险] --- Core[核心:个人成长] --- N5[行动]
N6[反馈] --- N7[时间] --- N8[协作]
N1 --- N4 --- N6
N2 --- Core --- N7
N3 --- N5 --- N8
style Core fill:#f5f0e6,stroke:#333,stroke-width:2px
| ① 目标 | ② 资源 | ③ 方法 |
|---|---|---|
| ④ 风险 | 核心：个人成长 | ⑤ 行动 |
| ⑥ 反馈 | ⑦ 时间 | ⑧ 协作 |
外围每一格还可再展开成下一层 3×3，形成由内向外的曼陀罗扩展。
对照小结
| # | 图名 | 英文 | 一句话用途 |
|---|---|---|---|
| 1 | 利弊图 | Pros and Cons | 权衡优缺点 |
| 2 | 二维四象限图 | Four-quadrant | 两维度交叉分类 |
| 3 | 分布图 | Distribution / Scattergram | 看数据分布与相关 |
| 4 | 系统图 | System chart / diagram | 拆解整体结构 |
| 5 | 甘特图 | Gantt chart | 任务 × 时间关系 |
| 6 | 流程图 | Flow chart | 先后顺序与分支逻辑 |
| 7 | 历史图 | History chart | 时间轴上的关键节点 |
| 8 | 思维导图 | Mind map | 从一点发散联想 |
| 9 | 鱼骨图 | Fishbone | 从结果追原因 |
| 10 | 曼陀罗图 | Mandala | 从核心向外拓展 |