前言
Mermaid是一种非常重要的绘图工具,可以采用文本书写的方式的把流程图以及各种图标快速绘制出来,这个比鼠标拖拉拽然后再输入文字要方便多了。同时这种工具又能很好的采用文本进行描述,所以可以很方便的采用DeepSeek来进行生成。
一、利用mermaid.live绘图
打开链接:Online FlowChart & Diagrams Editor - Mermaid Live Editor
这个网站似乎是不需要登录的。
然后用脚本在线生成一个流程图,非常方便,如下图:
二、利用mermaid.nodejs.cn绘图
这个应该是国内的网站,所以打开比较的快,起始页是这样的:
然后:
这个网站对Mermaid介绍的比较详细,而且给出了很多实例,比较的详细和贴心。
那么如何运行这些实例呢?寻找的“在线编辑器”,如下图:
发现也是跳转到,mermaid.live网站,效果图如下:
实现了一个甘特图的效果。
三、利用VSCode绘图
这是利用VSCode绘制的甘特图:
关于在VSCode中如何使用Markdown文件格式,使用Mermaid显示甘特图和流程图,可以参看的我的另外一篇博客:https://blog.csdn.net/quickrubber/article/details/146492997
四、采用DeepSeek绘制复杂的图
4.1、在DeepSeek中提问
小学四年级数学有哪些主要的知识点?
得到的结果,如下3个图:
4.2、在DeepSeek中的继续提问(追问)
如何将这些内容格式调整一下,方便在Mermaid中显示为思维导图?
结果如下:
```mermaid
mindmap
root((四年级数学))
数与运算
大数的认识
读写与比较: 万/亿级数
近似数与四舍五入: 到万位/亿位
十进制与数位表: 个级、万级、亿级
三位数乘两位数
竖式计算: 进位规则
估算应用: 价格、路程
除数是两位数的除法
试商技巧: 四舍五入法
商的变化规律: 被除数和除数同时变化
运算定律
加法交换律/结合律
乘法交换律/结合律/分配律
小数的初步
读写与比较: 如3.25元
加减法: 小数点对齐
几何与图形
角的度量
角的分类: 锐角/直角/周角
量角器使用: 画60°角
平行四边形和梯形
特征: 对边平行
画高: 垂线段定义
三角形
分类: 按角/边
内角和: 180°
三边关系: 任意两边和>第三边
常见的量
面积单位: 公顷/平方千米
时间单位: 闰年判断
统计与概率
条形统计图: 单式/复式
数据分析: 比较销量/身高
数学广角
优化问题: 沏茶/田忌赛马
植树问题: 两端种/环形种
易错点
大数读写漏0: 如30,0500
平行四边形画高混淆
小数加减未对齐
乘法分配律错误
```
然后,放入https://mermaid.live,进行查看
Nice,效果非常的棒!
(注意,在这个网站放入的时候将```mermaid以及```去除,如果嵌入到markdown文本中的话,则需要保留)