示例
limu 支持的每种图表,由它的 svg 包在构建本站时渲染。
每种图表在这里展示一两个示例,其余的在它自己的页面上。每个示例都能在 Playground 中打开。标为 Beta 的类型用 -beta 声明,因为 Mermaid 可能还会修改它们。示例的标题和图表沿用 limu 示例库的英文原文。
块图
按列手动摆放在网格上的块,用箭头相连。
C4
在 C4 模型的某一层上,一个软件系统的上下文、容器或组件。
类图
类及其字段和方法,以及它们之间的继承和使用关系。
实体关系图
数据模型中的实体、它们的属性,以及实体之间的数量对应关系。
事件建模
把系统随时间的变化排成一行界面、命令、事件和视图。
流程图
用方框表示流程的步骤,用箭头表示每一步通向哪里。
甘特图
把项目的任务画成沿日历排列的条形,标出日期和依赖。
Git 图
仓库各分支上的提交,以及分支在哪里分叉、在哪里合并。
看板
按列排列卡片的看板,每列对应工作的一个阶段。
思维导图
一个中心主题,从中分出若干话题,话题下再分出子话题。
数据包图
数据包或报头的各个字段,宽度与所占位数一致。
饼图
把整体分成若干扇区,扇区大小与占比一致。
象限图
在分成四个象限的正方形里,按两条坐标轴放置的点。
需求图
需求、满足或验证需求的元素,以及它们之间的依赖。
桑基图
在节点之间流动的数量,每条流带的宽度与流量一致。
时序图
并排的参与者,以及它们按发送顺序互相发送的消息。
状态图
系统可能处于的状态,以及让它从一个状态转到另一个状态的事件。
时间线
沿一条线按顺序排列、按时期分组的事件。
用户旅程
用户完成一项任务的各个步骤,按每一步的感受打分。
XY 图
画在横轴和纵轴上的柱形和折线。
Agent 流程图Beta
AI agent 的任务、工具和决策,以及它们如何互相交接工作。
架构图Beta
按运行位置分组的服务和资源,以及它们之间的连接。
CynefinBeta
按 Cynefin 框架的各个域归类的情境,从清晰到混乱。
石川图Beta
一个问题的原因,按类别排在鱼骨上。
雷达图Beta
画在从同一中心向外辐射的坐标轴上的几组数值。
铁路图Beta
把语法规则画成轨道,合法的输入从起点沿轨道走到终点。
泳道图Beta
按泳道排布的流程,每条泳道对应执行步骤的一个人或团队。
树视图Beta
按树形缩进的层级结构,如项目的文件夹和文件。
矩形树图Beta
用嵌套矩形表示的层级数值,每个矩形的大小与数值一致。
用例图Beta
系统之外的参与者,以及他们参与的用例。
韦恩图Beta
用相互重叠的圆表示集合,重叠处是它们的共同部分。
Wardley 地图Beta
价值链的各个组件,按可见程度和演进程度放置。