Mermaid的三种使用方法以及利用DeepSeek完成思维导图的绘制

前言

  Mermaid是一种非常重要的绘图工具,可以采用文本书写的方式的把流程图以及各种图标快速绘制出来,这个比鼠标拖拉拽然后再输入文字要方便多了。同时这种工具又能很好的采用文本进行描述,所以可以很方便的采用DeepSeek来进行生成。

一、利用mermaid.live绘图

打开链接:Online FlowChart & Diagrams Editor - Mermaid Live Editor

                 (https://mermaid.live/

这个网站似乎是不需要登录的。

然后用脚本在线生成一个流程图,非常方便,如下图:

二、利用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文本中的话,则需要保留)