Mermaid 编辑器

预览

示例参考（点击示例可直接预览）

流程图示例 

graph TD
    A[开始] --> B{是否有账号?}
    B -->|是| C[登录]
    B -->|否| D[注册]
    C --> E[进入主页]
    D --> E

时序图示例 

sequenceDiagram
    participant 用户
    participant 系统
    participant 数据库
    
    用户->>系统: 提交登录请求
    系统->>数据库: 验证凭据
    数据库-->>系统: 返回结果
    系统-->>用户: 登录成功/失败

甘特图示例 

gantt
    title 项目开发计划
    dateFormat YYYY-MM-DD
    section 设计阶段
    需求分析    :a1, 2024-01-01, 7d
    UI设计     :a2, after a1, 7d
    section 开发阶段
    前端开发    :a3, after a2, 14d
    后端开发    :a4, after a2, 14d

类图示例 

classDiagram
    class Animal {
        +String name
        +makeSound()
    }
    class Dog {
        +bark()
    }
    class Cat {
        +meow()
    }
    Animal <|-- Dog
    Animal <|-- Cat