什么是桑基图？
桑基图是一种流量图，其中箭头的宽度与其代表的流量成正比。它们擅长展示数量如何在系统中流动、分裂和合并。以爱尔兰的 Matthew Sankey 上校命名，这些图表对于可视化能源转换、预算流向、转化漏斗以及任何理解比例流动很重要的过程都是不可或缺的。
编辑与预览
使用 Mermaid 语法创建 桑基图，实时查看效果。
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15常见使用场景
转化漏斗分析
可视化用户在营销或销售漏斗中的流动。查看用户在哪里流失以及每个阶段的流量转化情况。
能源流可视化
展示能源如何在系统中生成、转化和消耗。追踪每个阶段的损耗和效率。
预算和成本流向
说明资金如何从收入来源通过部门流向支出。使财务分配直观易懂。
供应链映射
追踪材料和产品从供应商到制造再到分销的流向。可视化每个阶段的数量。
核心功能
比例箭头
箭头宽度自动缩放以表示流量，使相对体量一目了然。
节点标签
使用描述性标签定义源节点和目标节点，识别流程中的每个阶段或实体。
多路流向
展示从一个源头分流到多个目标，或多个来源汇入一个目标。
类 CSV 语法
使用直观的源、目标、值三元组定义流量，易于编写和维护。
最佳实践
从左到右流动
安排图表使流动从左到右，匹配自然阅读方向和时间进程。
使用有意义的节点名称
清晰标注节点，让读者立即理解每个阶段或实体代表什么。
限制复杂度
保持流量和节点数量可管理。过多交叉的箭头会降低可读性。
确保数据准确
验证流量值的准确性，因为视觉比例直接向读者传达数量信息。
探索其他图表类型
流程图
用节点和方向箭头可视化流程、工作流和算法。非常适合业务流程和决策树。
时序图
记录不同参与者或系统之间的时序交互。非常适合 API 文档和系统设计。
类图
用类、属性和关系建模面向对象系统。软件架构规划的必备工具。
状态图
表示系统或应用程序中的状态转换。非常适合建模生命周期状态和工作流。
甘特图
规划和跟踪项目时间线、任务和依赖关系。非常适合项目管理和进度安排。
ER 图
设计包含实体和关系的数据库架构。非常适合数据库建模和文档编写。
用户旅程图
绘制用户在各个接触点的体验和交互。非常适合用户体验设计和客户旅程分析。
Git 图
可视化 Git 分支策略和提交历史。有助于解释版本控制工作流。
思维导图
组织创意、头脑风暴和创建层次化视觉结构。适合规划和知识管理。
饼图
以圆形图表展示数据比例分布。适合显示百分比和市场份额分析。
时间线
沿时间轴可视化事件和里程碑。适合项目历史和路线图展示。
看板
将任务按工作流阶段组织到列中。适合敏捷项目管理和任务追踪。
四象限图
在双轴网格上绘制项目进行比较和优先级排序。适合功能优先级和战略分析。
XY 图表
创建带有可自定义坐标轴的柱状图和折线图。适合数据可视化和趋势分析。
块状图
用行列排列的块构建结构化布局。适合系统架构和组件概览。
架构图
使用服务图标和连接设计云和系统架构。适合基础设施文档。
数据包图
可视化网络协议数据包结构和位级字段布局。适合网络协议文档。