用ChatGPT生成流程圖，導(dǎo)師看傻眼！

本期，筆者再分享一個(gè)ChatGPT繪制流程圖的方法，可以極大地提高科研繪圖效率！

流程圖生成方式和工具總結(jié)

流程圖生成方式和工具有兩類：

可視化拖拽：代表產(chǎn)品有：processon、visio、億圖圖示。
優(yōu)點(diǎn)：直觀
缺點(diǎn)：需要花時(shí)間在布局上
語法渲染成圖形，代表語法： PlantUML、Mermaid、Flowchart、Graphviz。
優(yōu)點(diǎn)：
只用關(guān)注邏輯，文本即圖形，方便直接嵌入在markdown文件中。
不同渲染引擎可渲染成多種樣式
缺點(diǎn)：有點(diǎn)抽象

ChatGPT

ChatGPT是一種聊天型人工智能模型，通過學(xué)習(xí)大量文本數(shù)據(jù)的語言規(guī)律和模式，可以生成合理的回復(fù)以回應(yīng)用戶的提問和對(duì)話。需要注意的是，ChatGPT是基于過去的文本數(shù)據(jù)進(jìn)行訓(xùn)練的，因此它的回復(fù)可能受限于已知的信息和模式，大家不要過分依賴和信任它。

這一年里，國(guó)內(nèi)有很多大模型發(fā)布，例如：文心一言、星火大模型等等。如果您無法訪問ChatGPT，那么國(guó)產(chǎn)大模型也可以作為平替工作。筆者曾經(jīng)介紹過星火大模型，大家可以嘗試一下，效果也還不錯(cuò)。

Mermaid

傳統(tǒng)上，創(chuàng)建復(fù)雜的圖表需要使用專業(yè)的圖表設(shè)計(jì)軟件，這些軟件通常具有陡峭的學(xué)習(xí)曲線，并且對(duì)于不熟悉這些軟件的人來說可能不太友好。而Mermaid則提供了一種更簡(jiǎn)單、更直觀的方式來創(chuàng)建圖表，只需使用簡(jiǎn)單的文本描述，就可以自動(dòng)生成漂亮的圖表。筆者在“Obsidian做科研系列推文”中詳細(xì)介紹了Mermaid。

Mermaid使用了一種類似于Markdown的語法，使得用戶可以通過簡(jiǎn)單的文本指令來描述圖表的結(jié)構(gòu)和元素之間的關(guān)系。通過這種方式，用戶可以快速創(chuàng)建各種類型的圖表，而無需手動(dòng)繪制和排版。

Mermaid還提供了多種輸出格式，可以將圖表導(dǎo)出為SVG、PNG和其他常見的圖像格式，方便在不同的平臺(tái)和場(chǎng)景中使用。

因此，Mermaid的存在使得圖表創(chuàng)建變得更加簡(jiǎn)單和易于實(shí)現(xiàn)，使得更多的人能夠通過簡(jiǎn)單的文本描述來展示和分享復(fù)雜的信息圖表。Mermaid在線測(cè)試地址

ChatGPT+Mermaid生成流程圖

“ChatGPT+Mermaid生成流程圖”就是通過與ChatGPT對(duì)話，讓ChatGPT按照我們的描述生成Mermaid語句，然后將Mermaid語句拷貝到支持Mermaid語法的編輯器即可。

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

接下來，筆者將嘗試讓ChatGPT生成二分法流程圖，由于二分法是已知的，筆者不需要給出具體算法流程。

我：

請(qǐng)根據(jù)二分法的原理，生成Mermaid語法代碼，繪制流程圖。

ChatGPT：

好的，根據(jù)二分法的原理，我將為你生成相應(yīng)的Mermaid語法代碼來繪制流程圖。
graph TD
    Start(開始) --> Initialize(初始化區(qū)間和目標(biāo)值)
    Initialize --> Termination(是否達(dá)到終止條件)
    Termination -- 是 --> OutputResult(輸出結(jié)果)
    OutputResult --> Stop(結(jié)束)
    Termination -- 否 --> Middle(計(jì)算中點(diǎn))
    Middle --> Compare(比較中點(diǎn)與目標(biāo)值)
    Compare --> TargetFound(目標(biāo)值等于中點(diǎn))
    TargetFound --> OutputResult
    Compare -- 小于 --> AdjustLeft(調(diào)整左邊界)
    AdjustLeft --> Termination
    Compare -- 大于 --> AdjustRight(調(diào)整右邊界)
    AdjustRight --> Termination

接下來，我們只需要將Mermaid語法代碼拷貝到Mermaid在線編輯器就可以得到一張流程圖了，如下圖所示。

筆者認(rèn)為這個(gè)結(jié)果非常不錯(cuò)，ChatGTP繪制的二分法基本正確，給出的Mermaid語法也是正確的，拷貝到Mermaid編輯器即可生成一個(gè)二分法流程圖了。由于筆者描述的不夠詳細(xì)，因此可能存在瑕疵。

案例2：生成自定義流程圖

接下來，筆者將嘗試讓ChatGPT按照筆者的設(shè)計(jì)繪制一個(gè)流程圖，并要求模塊化。

我：

請(qǐng)根據(jù)以下邏輯，生成Mermaid語法代碼，繪制流程圖。 
０.開始 
１.開始后執(zhí)行A，再執(zhí)行B，判斷條件C。 
２.如果C成立，那么執(zhí)行D，否則執(zhí)行Ｅ。 
３.執(zhí)行E以后，判斷條件F。 
４.如果Ｆ成立，那么執(zhí)行G，否則跳轉(zhuǎn)到B。
５.執(zhí)行G以后，結(jié)束。 
將C、D、E作為一個(gè)模塊框起來。

ChatGPT：

根據(jù)您提供的邏輯，以下是使用Mermaid語法的流程圖代碼：
graph LR
    subgraph 模塊
        C((條件C))
        D((執(zhí)行D))
        E((執(zhí)行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(結(jié)束)
    D --> 5

接下來，我們只需要將Mermaid語法代碼拷貝到Mermaid在線編輯器就可以得到一張流程圖了，如下圖所示。

筆者認(rèn)為這個(gè)生成自定義流程圖結(jié)果非常不錯(cuò)，ChatGTP理解了筆者的指令，給出的Mermaid語法也是大致正確的，拷貝到Mermaid編輯器即可生成一個(gè)筆者設(shè)計(jì)的算法流程圖了。錯(cuò)誤的地方需要在Mermaid編輯器里修改即可。此外，ChatGTP可以調(diào)整流程圖的方向，添加模塊，改變顏色呢！

ChatGPT+Mermaid點(diǎn)評(píng)

“ChatGPT+Mermaid生成流程圖”的優(yōu)點(diǎn)非常多：

不需要借助第三方繪圖工具，全程文本交互工作。
不需要記住Mermaid語法，讓ChatGPT幫助我們完成語法工作。
不需要考慮流程圖的布局，讓Mermaid幫助我們完成布局工作。
Mermaid圖像可以復(fù)制粘貼，方便調(diào)用。
Mermaid修改方便，而且支持實(shí)時(shí)更新。
與ChatGPT說幾句話，就能完成的工作，效率遠(yuǎn)勝自己動(dòng)手畫圖。
ChatGPT生成的Mermaid語法可能有錯(cuò)，但是很容易修改，相當(dāng)于在ChatGPT的基礎(chǔ)上修改Mermaid，效率也能提高。
除了流程圖，Mermaid還支持序列圖、甘特圖等各種圖表。