---
title: 你知道嗎？畫圖好簡單 - 流程圖
image: https://hackmd.io/_uploads/Hy5Xdpn5O.png
---

# 你知道嗎？畫圖好簡單

1. 複製下方灰框內的文字在編輯頁貼上，在 mermaid 前面打三個撇，最後也打三個撇，流程圖會自動生成
2. 複製貼上，直接把文字代換掉，就是你的流程圖

### 把流程圖變成自己想要的樣子
- `-->` 符號代表流程的方向
- ` ; ` 符號作為一個流程的結尾
- graph `TD` 代表著流程圖顯示的方向，目前是垂直流程圖，將 `TD` 改成 `LR` 就會使流程圖變成橫向

## 範例一

mermaid
graph TD;
國產疫苗-->二期解盲成功就EUA;
國產疫苗-->三期歐美標準才可EUA;
二期解盲成功就EUA-->時效派;
三期歐美標準才可EUA-->標規派;
時效派-->需公開透明;
時效派-->需醫界共識;
時效派-->需預盤風險;
時效派--->仍可做三期試驗;
標規派-->延後半年短缺因應;
仍可做三期試驗-->可跟國外大型藥廠合作試驗;

### 你可以點擊 [雙欄模式](https://hackmd.io/uc-hNQ0wS22kpVyuQqiSxg?both) 檢視語法跟效果

### 畫出來的圖就像這樣：

graph TD;
國產疫苗-->二期解盲成功就EUA;
國產疫苗-->三期歐美標準才可EUA;
二期解盲成功就EUA-->時效派;
三期歐美標準才可EUA-->標規派;
時效派-->需公開透明;
時效派-->需醫界共識;
時效派-->需預盤風險;
時效派--->仍可做三期試驗;
標規派-->延後半年短缺因應;
仍可做三期試驗-->可跟國外大型藥廠合作試驗;

:::success
舉例內容取自網路投書 [自由開講》國產疫苗緊急授權爭議與因應路徑](https://talk.ltn.com.tw/article/breakingnews/3560344?fbclid=IwAR3dlwQc3HArXKmuzljg4y3vYod4sbE0zYQdZSzFKypPH_EtqjKBzESimiA)
:::

## 範例二

mermaid
graph TD
    A[來源: 養殖業廢棄保麗龍] --> B{減容: 現地壓縮處理}
    B --> C[預處理: 物理清潔與雜質分離]
    C --> D(化學處理: 溶解純化)
    D --> E[粉碎: 破碎與研磨]
    E --> F[塑膠造粒: 押出成形與切粒]
    F --> G[再生塑膠粒]

### 畫出來的圖就像這樣：

graph TD
    A[來源: 養殖業廢棄保麗龍] --> B{減容: 現地壓縮處理}
    B --> C[預處理: 物理清潔與雜質分離]
    C --> D(化學處理: 溶解純化)
    D --> E[粉碎: 破碎與研磨]
    E --> F[塑膠造粒: 押出成形與切粒]
    F --> G[再生塑膠粒]

:::success
內容取自留言投稿
:::

#### :point_right: 更多數學式跟圖表的世界，可以到 [**這裡**](https://hackmd.io/s/MathJax-and-UML-tw) 探索。
#### :point_right: 查看英文版流程圖怎麼做 [How to create flowchart](/QaF5i8LlQ3GlyIhvm1w3gw)

###### tags: `tutorials`