DeepSeek结合Mermaid绘制流程图

两步走:1、提示词凸显Mermaid图 2、使用Mermaid在线绘图显示

一、通用AI大模型绘图提示词添加“用mermaid图表示”

这里DeepSeek可以换成任意通用大模型产品,如豆包、文心、智谱、千问、kimi等,之所以标题是DeepSeek,纯属蹭热度

关键词如下:

用mermaid图表示

举例:

绘制一个大数据采集流程图,用mermaid图表示

deepseek结果如下 

graph TD
    A[数据源] --> B[数据采集工具]
    B --> C{数据类型}
    C -->|结构化数据| D[关系型数据库]
    C -->|半结构化数据| E[NoSQL数据库]
    C -->|非结构化数据| F[分布式文件系统]
    D --> G[数据清洗与预处理]
    E --> G
    F --> G
    G --> H[数据存储]
    H --> I[数据分析与挖掘]
    I --> J[数据可视化]
    J --> K[决策支持]

通义千问结果如下

 

智谱清言结果如下

豆包结果如下

kimi结果如下

综上所示:豆包和kimi支持图显示,DeepSeek 不支持直接查看

二、使用Mermaid在线生成图表工具

快捷地址:Online FlowChart & Diagrams Editor - Mermaid Live Editor

官网地址:Mermaid 中文网 

如果需要编辑,需要点击Playground

结果如下:

### 在 VSCode 中使用 Mermaid 绘制流程图 #### 安装插件 为了能够在 VSCode 中利用 Mermaid 绘制图表,需先安装合适的扩展工具。推荐安装名为“Markdown Preview Mermaid Support”的插件来增强 Markdown 文件内的图形展示能力[^1]。 如果遇到该插件无法满足需求的情况,则可尝试替代方案——即安装另一个叫做“Mermaid Editor”的插件,它对于某些特定的语法有更好的兼容性,比如支持圆角样式等更复杂的表达形式[^3]。 #### 创建并编辑 Markdown 文件 完成上述操作之后,在 VSCode 内新建一个 `.md` 后缀名的文档(例如 `test.md`),接着就可以在这个文件里编写遵循 Mermaid 语法规则的内容了。以下是创建简单流程图的例子: ```mermaid graph LR; A--->B; A--->C; B--->D; C--->D; ``` 这段代码定义了一个从左至右布局(`LR`) 的有向图,其中包含了四个节点 (A, B, C 和 D),并通过箭头指明它们之间的关系。 #### 基本语法介绍 当构建更加复杂或定制化的图表时,了解一些基础的 Mermaid 语法会很有帮助。这里列举了几种常见的元素及其书写方式: - **方向设定**: 可以为整个图表指定整体的方向,如上下 (`TB`, Top to Bottom) 或左右 (`LR`, Left to Right)[^4]。 - **节点形状**: - 圆形: 使用双括号 `((...))` - 方形/默认: 单方括号 `[...]` 或者直接写文本 - 圆角矩形: `(...)` - 菱形: `{...}` - **连接线类型** - 普通直线 `-` - 实心箭头 `-->` - 虚线 `-.->` - 加粗实线 `==>` 此外还可以在连线中间加入描述性的文字说明,格式如下所示:`--| 文字 |-->`。 通过以上步骤和指导原则,便可以在 VSCode 环境下顺利地运用 Mermaid 来制作各种类型的图表了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

源图客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值