比拖拉拽更快！DeepSeek 生成流程图、时序图、象限图、思维导图...再也不用自己画咯

未经许可请勿转载，如需转载请联系作者

前言
不知道各位都用什么工具来绘制流程图呢？笔者喜欢用 Processon，因其便利性持续使用了多年，在线拖拉拽，便于备份和共享，还不用下载安装。相对于拖拉拽，有一种通过编码制图的方式，那就是 Mermaid，它是一个基于 JavaScript 的图表工具，使用类似 Markdown 的语法来创建图表。在“ AI+ ”盛行的当下，DeepSeek + Mermaid 碰撞出了有趣的玩法，一起来看看吧！

一、流程图

简单的单线流程图不能体现 AI 的超能力，直接上一个复杂的多线并行且有判断分支的流程，可见理解和输出还是比较棒的。图表渲染失败时可要求 AI 检查修改，或自行排查后在编码要求中增加提示。（本文所用 DeepSeek 均是 V3）

你是精通 mermaid 语言的专家，能够精准理解用户描述。请依据用户所提供的内容，快速且准确地生成相应的 mermaid 代码，确保代码结构清晰、符合语法规范，可直接用于绘制对应图表：
# 编码要求
- 需换行的部分使用’<br>‘，而不是’\n’
- 需用到括号的部分使用中文括号，而不是英文
# 用户描述
画一个数据分析流程图。
首先，同步启动明确目标与数据采集，确定业务需求的同时，从数据库、API、问卷等多渠道采集数据。接着进入数据预处理环节，清洗数据（处理缺失值、异常值）与数据转换（统一格式、编码）并行。
完成预处理后，进行判断分支：若数据适合，并行开展统计分析（计算均值、占比等）与机器学习建模（如分类、预测模型）；若数据存在问题，返回数据采集或预处理环节优化。
分析结束后，根据结果判断是否需要可视化：复杂结果用图表（如折线图、热力图）展示，简单结果直接输出结论。最后，将分析结果应用于业务决策，同时根据实际效果判断是否需要复盘优化流程，若效果不佳则返回调整分析方法，重新开展流程。

二、时序图

你是精通 mermaid 语言的专家，能够精准理解用户描述。请依据用户所提供的内容，快速且准确地生成相应的 mermaid 代码，确保代码结构清晰、符合语法规范，可直接用于绘制对应图表：
# 用户描述
画一个电商购物的业务时序图。
用户在电商平台购物时，与前端、后端、数据库存在多轮交互。首先，用户通过前端页面浏览商品，前端从数据库获取商品数据展示给用户；用户选择商品加入购物车，前端将操作请求发送至后端，后端处理后将数据写入数据库更新购物车状态。结算时，用户提交订单，前端将订单信息传给后端，后端验证库存（从数据库读取）、计算金额，生成订单并存入数据库。支付时，前端调用支付接口，后端处理支付流程并更新数据库订单状态。整个过程中，数据库负责存储数据，前后端交互保障购物流程顺畅。

三、象限图

你是精通 mermaid 语言的专家，能够精准理解用户描述。请依据用户所提供的内容，快速且准确地生成相应的 mermaid 代码，确保代码结构清晰、符合语法规范，可直接用于绘制对应图表：
# 编码要求
- x 轴是 ‘满意度低–>满意度高’
- y 轴是 ‘使用率低–>使用率高’
- 每个象限的名称加上英文双引号，避免中文报错
# 用户描述
画一个quadrantChart象限图。
某社交软件，核心聊天功能用户满意度高且市场占有率大，作为明星功能不断优化；新推出的短视频分享功能，用户反馈好但知晓和使用人数少，加大推广；广告投放功能虽带来收益，但用户反感导致满意度低，着手改进广告形式；已过时的网页版登录功能，使用率和满意度双低，计划逐步淘汰。

四、思维导图

下面这个例子展示了 AI 让人眼前一亮的智能，将随手画的草稿转换为思维导图。因 DS 识图表现较弱，使用豆包识图并转化为适合制图的描述，提供给 DS。这意味着，我们可以开发一个更加便利的、能够一键转换的智能产品。事实上，所有的图表输出都还可以更加智能。来吧，在细分赛道卷起来！（作为一般用户，可以利用智能体平台搭建适合自己的工作流、知识库，来让制图更加丝滑）

你是精通 mermaid 语言的专家，能够精准理解用户描述。请依据用户所提供的内容，快速且准确地生成相应的 mermaid 代码，确保代码结构清晰、符合语法规范，可直接用于绘制对应图表：
# 编码要求
使用 mindmap
# 用户描述
人工智能
├─ 定义
│ ├─ 模拟人类
│ └─ 学习、推理、解决问题
├─ … …

五、甘特图

你是精通 mermaid 语言的专家，能够精准理解用户描述。请依据用户所提供的内容，快速且准确地生成相应的 mermaid 代码，确保代码结构清晰、符合语法规范，可直接用于绘制对应图表：
# 编码要求
- 画 gantt 图
# 用户描述
项目启动（第 1 周）：成立项目团队，明确成员分工；召开项目启动会，确定研发目标、范围与交付成果。
需求分析（第 2 - 3 周）：与市场、销售部门沟通，收集用户需求；整理并分析需求，输出详细需求文档。
设计阶段（第 4 - 5 周）：进行产品架构设计、功能模块设计；完成 UI/UX 设计初稿并评审。
开发阶段（第 6 - 12 周）：分模块进行代码开发；同步开展单元测试，及时修复漏洞。
测试验收（第 13 - 14周）：进行系统集成测试、压力测试；根据测试反馈优化产品，完成最终验收。
产品上线（第 15 周）：部署产品至线上环境；发布产品，进行用户培训与宣传。

六、桑基图

DS 训练集中不包含 mermaid 中的 beta 图表，例如桑基图，直接输出它会胡编乱造，导致制图渲染失败。我们可以让它先学习一下，再输出。注意： beta 类图表暂不支持中文。

你是精通 mermaid 语言的专家，能够精准理解用户描述。请依据用户所提供的内容，快速且准确地生成相应的 mermaid 代码，确保代码结构清晰、符合语法规范，可直接用于绘制对应图表：
# 编码要求
- 先学习 sankey-beta 语法，确保输出不偏离语法要求
- 制图时将所有中文替换为英文
- 直接返回 mermaid，不要其他多余的描述
# 用户描述
以电商平台的商品销售业务流向为例：商品来源方面，30%来自国内品牌商直供，25%为海外品牌商进口，20%通过经销商采购，25%来自平台自营工厂生产。销售渠道上，60%的商品通过平台PC端销售，30%经由移动端APP售出，剩余10%通过线下合作门店完成交易。从用户群体来看，PC端购买者中，40%是年轻上班族，35%为学生群体，25%是自由职业者；APP端购买者中，50%是年轻上班族，30%为宝妈群体，20%是学生；线下合作门店的消费者里，45%是周边居民，35%是游客，20%是偶尔光顾的散客。
# sankey-beta 语法
语法背后的思路是，用户首先输入 sankey-beta 关键字，然后将原始 CSV 粘贴到下面并获取结果。
- CSV 必须仅包含 3 列
- 为了视觉目的，允许有没有逗号分隔符的空行
- 这意味着 CSV 中的 3 列应分别代表 source、target 和 value
## 示例代码
sankey-beta
%% source,target,value
Electricity grid,Over generation / exports,104.453
Electricity grid,Heating and cooling - homes,113.726
Electricity grid,H2 conversion,27.14

后记

通过以上六种图表，我们探索了 AI 制图的可能性，还有更多玩法等待解锁。偷懒是人类进步的原动力，可为了偷懒还是要先学习呀！这里是越偷懒就越不能偷懒的 Seon塞翁，下一篇见！附 Mermaid 中文文档：https://mermaid.nodejs.cn/intro/