用ChatGPT生成流程图，导师看傻眼！

本期，笔者再分享一个ChatGPT绘制流程图的方法，可以极大地提高科研绘图效率！

流程图生成方式和工具总结

流程图生成方式和工具有两类：

1. 可视化拖拽：代表产品有：processon、visio、亿图图示。

2. 优点：直观

3. 缺点：需要花时间在布局上

4. 语法渲染成图形，代表语法： PlantUML、Mermaid、Flowchart、Graphviz。

5. 优点：

6. 只用关注逻辑，文本即图形，方便直接嵌入在markdown文件中。

7. 不同渲染引擎可渲染成多种样式

8. 缺点：有点抽象

ChatGPT

ChatGPT是一种聊天型人工智能模型，通过学习大量文本数据的语言规律和模式，可以生成合理的回复以回应用户的提问和对话。需要注意的是，ChatGPT是基于过去的文本数据进行训练的，因此它的回复可能受限于已知的信息和模式，大家不要过分依赖和信任它。

这一年里，国内有很多大模型发布，例如：文心一言、星火大模型等等。如果您无法访问ChatGPT，那么国产大模型也可以作为平替工作。笔者曾经介绍过星火大模型，大家可以尝试一下，效果也还不错。

Mermaid

传统上，创建复杂的图表需要使用专业的图表设计软件，这些软件通常具有陡峭的学习曲线，并且对于不熟悉这些软件的人来说可能不太友好。而Mermaid则提供了一种更简单、更直观的方式来创建图表，只需使用简单的文本描述，就可以自动生成漂亮的图表。笔者在“Obsidian做科研系列推文”中详细介绍了Mermaid。

Mermaid使用了一种类似于Markdown的语法，使得用户可以通过简单的文本指令来描述图表的结构和元素之间的关系。通过这种方式，用户可以快速创建各种类型的图表，而无需手动绘制和排版。

Mermaid还提供了多种输出格式，可以将图表导出为SVG、PNG和其他常见的图像格式，方便在不同的平台和场景中使用。

因此，Mermaid的存在使得图表创建变得更加简单和易于实现，使得更多的人能够通过简单的文本描述来展示和分享复杂的信息图表。Mermaid在线测试地址

ChatGPT+Mermaid生成流程图

“ChatGPT+Mermaid生成流程图”就是通过与ChatGPT对话，让ChatGPT按照我们的描述生成Mermaid语句，然后将Mermaid语句拷贝到支持Mermaid语法的编辑器即可。

案例1：生成二分法流程图

接下来，笔者将尝试让ChatGPT生成二分法流程图，由于二分法是已知的，笔者不需要给出具体算法流程。

我：

请根据二分法的原理，生成Mermaid语法代码，绘制流程图。

ChatGPT：

好的，根据二分法的原理，我将为你生成相应的Mermaid语法代码来绘制流程图。
graph TD
    Start(开始) --> Initialize(初始化区间和目标值)
    Initialize --> Termination(是否达到终止条件)
    Termination -- 是 --> OutputResult(输出结果)
    OutputResult --> Stop(结束)
    Termination -- 否 --> Middle(计算中点)
    Middle --> Compare(比较中点与目标值)
    Compare --> TargetFound(目标值等于中点)
    TargetFound --> OutputResult
    Compare -- 小于 --> AdjustLeft(调整左边界)
    AdjustLeft --> Termination
    Compare -- 大于 --> AdjustRight(调整右边界)
    AdjustRight --> Termination

接下来，我们只需要将Mermaid语法代码拷贝到Mermaid在线编辑器就可以得到一张流程图了，如下图所示。

笔者认为这个结果非常不错，ChatGTP绘制的二分法基本正确，给出的Mermaid语法也是正确的，拷贝到Mermaid编辑器即可生成一个二分法流程图了。由于笔者描述的不够详细，因此可能存在瑕疵。

案例2：生成自定义流程图

接下来，笔者将尝试让ChatGPT按照笔者的设计绘制一个流程图，并要求模块化。

我：

请根据以下逻辑，生成Mermaid语法代码，绘制流程图。 
０.开始 
１.开始后执行A，再执行B，判断条件C。 
２.如果C成立，那么执行D，否则执行Ｅ。 
３.执行E以后，判断条件F。 
４.如果Ｆ成立，那么执行G，否则跳转到B。
５.执行G以后，结束。 
将C、D、E作为一个模块框起来。

ChatGPT：

根据您提供的逻辑，以下是使用Mermaid语法的流程图代码：
graph LR
    subgraph 模块
        C((条件C))
        D((执行D))
        E((执行E))
    end
    0(开始) --> 1(A)
    1 --> 2(B)
    2 -->|条件C成立| C
    C -->|是| D
    C -->|否| E
    E --> 3(F)
    3 -->|条件F成立| 4(G)
    3 -->|条件F不成立| 2(B)
    4 --> 5(结束)
    D --> 5

接下来，我们只需要将Mermaid语法代码拷贝到Mermaid在线编辑器就可以得到一张流程图了，如下图所示。

笔者认为这个生成自定义流程图结果非常不错，ChatGTP理解了笔者的指令，给出的Mermaid语法也是大致正确的，拷贝到Mermaid编辑器即可生成一个笔者设计的算法流程图了。错误的地方需要在Mermaid编辑器里修改即可。此外，ChatGTP可以调整流程图的方向，添加模块，改变颜色呢！

ChatGPT+Mermaid点评

“ChatGPT+Mermaid生成流程图”的优点非常多：

• 不需要借助第三方绘图工具，全程文本交互工作。

• 不需要记住Mermaid语法，让ChatGPT帮助我们完成语法工作。

• 不需要考虑流程图的布局，让Mermaid帮助我们完成布局工作。

• Mermaid图像可以复制粘贴，方便调用。

• Mermaid修改方便，而且支持实时更新。

• 与ChatGPT说几句话，就能完成的工作，效率远胜自己动手画图。

• ChatGPT生成的Mermaid语法可能有错，但是很容易修改，相当于在ChatGPT的基础上修改Mermaid，效率也能提高。

• 除了流程图，Mermaid还支持序列图、甘特图等各种图表。

写在最后

总结一句就是，ChatGPT+Mermaid绘制流程图，这操作太酷啦！不同专业的读者可以去尝试ChatGPT+Mermaid生成自己的流程图，看看是否适用于你的研究领域。此外，大家可以尝试ChatGPT+Mermaid绘制其它图表。