79k star，像写Markdown一样画流程图，老板再也拦不住你摸鱼了

在传统流程图中，使用Visio等工具调整图形可能需要耗费30分钟，
而如今通过 Mermaid 的类 Markdown 语法，仅需3分钟就能完成一张专业流程图的代码编写。
这个开源工具显著提升了创建图表的效率，让使用者能够更专注于内容本身而非格式调整。

简介

中文Mermaid 是一个基于 JavaScript 的开源图表工具(79k star)，它采用类 Markdown 的简洁语法来动态生成各类专业图表。
目前支持的主要图表类型包括：

• 流程图 (Flowchart)
• 序列图 (Sequence Diagram)
• 类图 (Class Diagram)
• 状态图 (State Diagram)
• 实体关系图 (Entity Relationship Diagram)
• 甘特图 (Gantt Diagram)
• 饼图 (Pie Chart)
• 用户旅程图 (User Journey Diagram)
• Git 图 (Git Graph)
• 需求图 (Requirement Diagram)
• ...

优势

• 无缝文档整合：直接内嵌 Markdown 文档，实现"代码即图表"的一体化写作体验，告别传统制图工具繁琐的导出导入流程。
• 版本控制友好：基于纯文本的图表定义方式，让图表也能享受 Git 等版本控制系统的优势，团队协作修改历史一目了然。
• 零门槛上手：采用类自然语言的简易语法设计，非技术人员也能像写笔记一样轻松绘制专业图表。
• 丰富的图表类型：覆盖软件开发全流程所需的多种图表类型。
• 实时预览与在线编辑：中文Mermaid 提供了一个推荐新手使用的实时预览和在线编辑器，并支持AI一键自动生成图表或修复图表。

快速开始

中文Mermaid 源代码

graph TD
    A[开始上班] --> B{老板在办公室吗？}
    B -- 是 --> C[假装认真工作]
    B -- 否 --> D[开始摸鱼]
    D --> E{摸鱼方式}
    E -- 看视频 --> F[打开抖音]
    E -- 聊天 --> G[打开微信]
    E -- 玩游戏 --> H[打开王者荣耀]
    F --> I{老板来了？}
    G --> I
    H --> I
    I -- 否 --> K[继续摸鱼]
    I -- 是 --> J[迅速切换回工作界面]
    J --> L[老板走远了吗？]
    L -- 是 --> D
    L -- 否 --> C

将其复制到在线编辑器中，就会自动生成对应的图表