找回密码
 立即注册
首页 业界区 安全 79k star,像写Markdown一样画流程图,老板再也拦不住你 ...

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

仄谦 2025-5-31 23:29:45
在传统流程图中,使用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
复制代码
将其复制到在线编辑器中,就会自动生成对应的图表
1.png


来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册