流程圖語法

｜節點形狀

graph LR
  A((圓形)) --> B[矩形]
  C([圓矩形]) --> D[[多邊形]]
  E[(圓柱體)] --> D[[多邊形]]
  D[[多邊形]] --> F>形狀不對稱]
  B[矩形] --> F>形狀不對稱]
  G{菱形} --> F>形狀不對稱]
  G{菱形} --> N(圓角矩形)
  E[(圓柱體)] --> H{{六邊形}}
  I[/平行四邊形/] --> E[(圓柱體)]
  J[\\反平行四邊形\\] --> C([圓矩形])
  K[/梯形\\] --> C([圓矩形])
  L[\\反梯形/] --> E[(圓柱體)]
  M(((雙圈))) --> H{{六邊形}}

｜箭頭樣式

graph LR
  A((圓形)) --> B[矩形]
  C([圓矩形]) -- 1關聯有文字 --- D[[多邊形]]
  E[(圓柱體)] ---|2關聯有文字| D[[多邊形]]
  D[[多邊形]] --- F>形狀不對稱]
  B[矩形] -->|1箭頭有文字| F>形狀不對稱]
  G{菱形} -- 2箭頭有文字 --> F>形狀不對稱]
  G{菱形} -.-> N(圓角矩形)
  E[(圓柱體)] -. 虛線有文字 .-> H{{六邊形}}
  I[/平行四邊形/] ==> E[(圓柱體)]
  J[\\反平行四邊形\\] == 粗箭頭有文字 ==> C([圓矩形])
  K[/梯形\\] <--> C([圓矩形])
  L[\\反梯形/] --o E[(圓柱體)]
  M(((雙圈))) --x H{{六邊形}}

｜子圖和群組

graph LR
 subgraph 群組
   subgraph 子圖1
     A --> B
     C --> D
   end

   subgraph 子圖2
     E --> A
     E --> F
   end

   subgraph 子圖3
     G --> J
     H --> I
   end
	end

 子圖1 --> 子圖3
 子圖3 --> 子圖2
 子圖1 --> K

實際操作

① 專案需求

graph TD;
  計畫[影片專案] -->|需要| 編劇;
  計畫 -->|需要| 演員;
  計畫 -->|需要| 拍攝人員;
  計畫 -->|需要| 編輯人員;
  計畫 -->|需要| 配樂人員;
  編劇 -->|負責| 劇本撰寫;
  演員 -->|負責| 演出;
  拍攝人員 -->|負責| 拍攝;
  編輯人員 -->|負責| 剪輯;
  配樂人員 -->|負責| 配樂;

② 組織分工

graph TB
    subgraph 小組團隊分工
        A[成員A]
        B[成員B]
        C[成員C]
        D[成員D]
        E[成員E]
    end

    A -->|工作項目A1| B
    A -->|工作項目A2| C
    B -->|工作項目B1| D
    B -->|工作項目B2| E
    C -->|工作項目C1| D
    C -->|工作項目C2| E
    D -->|工作項目D1| E

③ 團隊任務

中文版

graph LR
A(收集需求) --> B(初步設計)
B --> C(完成詳細設計)
C --> D(開發和測試)
D --> E(進行審查和修正)
E --> F(最終確認和審核)
F --> G(部署和上線)

style A fill:#FFC107, stroke:#333, stroke-width:2px;
style B fill:#FFC107, stroke:#333, stroke-width:2px;
style C fill:#FFC107, stroke:#333, stroke-width:2px;
style D fill:#FFC107, stroke:#333, stroke-width:2px;
style E fill:#FFC107, stroke:#333, stroke-width:2px;
style F fill:#FFC107, stroke:#333, stroke-width:2px;
style G fill:#FFC107, stroke:#333, stroke-width:2px;

style 組長 fill:#F2545B, stroke:#333, stroke-width:2px;
style 組員一 fill:#4CAF50, stroke:#333, stroke-width:2px;
style 組員二 fill:#4CAF50, stroke:#333, stroke-width:2px;

A --> 組長
B --> 組員一
B --> 組員二
C --> 組長
D --> 組員一
D --> 組員二
E --> 組長
F --> 組員一
F --> 組員二
G --> 組長
G --> 組員一
G --> 組員二

英文版

graph LR
A(Collecting Requirements) --> B(Initial Design)
B --> C(Complete Detailed Design)
C --> D(Development and Testing)
D --> E(Review and Revision)
E --> F(Final Confirmation and Approval)
F --> G(Deploy and Release)

style A fill:#FFC107, stroke:#333, stroke-width:2px;
style B fill:#FFC107, stroke:#333, stroke-width:2px;
style C fill:#FFC107, stroke:#333, stroke-width:2px;
style D fill:#FFC107, stroke:#333, stroke-width:2px;
style E fill:#FFC107, stroke:#333, stroke-width:2px;
style F fill:#FFC107, stroke:#333, stroke-width:2px;
style G fill:#FFC107, stroke:#333, stroke-width:2px;

style Leader fill:#F2545B, stroke:#333, stroke-width:2px;
style Member1 fill:#4CAF50, stroke:#333, stroke-width:2px;
style Member2 fill:#4CAF50, stroke:#333, stroke-width:2px;

A --> Leader
B --> Member1
B --> Member2
C --> Leader
D --> Member1
D --> Member2
E --> Leader
F --> Member1
F --> Member2
G --> Leader
G --> Member1
G --> Member2