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 源代码

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

复制代码

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

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！