📐 Mermaid 图表编辑器

使用 Mermaid 语法创建流程图、时序图、类图、ER 图等，实时预览，支持导出

📋 模板

Mermaid 代码

实时预览

📐

在左侧输入 Mermaid 代码

实时预览将在此显示

📖 语法速查

流程图 Flowchart

graph TD
A --> B
B --> C
A --> C

时序图 Sequence

sequenceDiagram
A->>B: 消息
B-->>A: 回复

类图 Class

classDiagram
class A {
  +method()
}
B <|-- A

更多图表类型

支持 ER 图、甘特图、状态图、饼图、Git 分支图、用户旅程图等。查看完整文档 →