用ChatGPT生成流程圖，導師看傻眼！

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

流程圖生成方式和工具總結

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

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

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在線編輯器就可以得到一張流程圖了，如下圖所示。