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将其复制到在线编辑器中，就会自动生成对应的图表
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]