看看實際效果
流程圖範例
同一款工具，四種需求。下方每張圖都是實際產生的成果。
輸入內容
建立由上而下的廣度優先搜尋演算法流程圖：讀取圖形 G 和起始頂點 s，將 s 標記為已造訪並加入佇列。接著在佇列不為空時，取出一個頂點並記錄其遍歷順序，再將每個尚未造訪的鄰居標記為已造訪並加入佇列。輸出遍歷順序後結束。
接著試試每個鄰居加入佇列時，新增距離標籤。修改輸出方式，找到目標頂點時就停止。
流程圖 · Sugiyama layered DAG + orthogonal routing · schematex-flowchart
產生的圖表
什麼是流程圖？
流程圖是用來呈現步驟順序的圖表。矩形代表步驟，菱形代表決策，箭頭則表示接下來的流程。起點和終點符號能清楚標示流程的範圍。
當操作順序很重要，或不同選擇會讓流程走向不同路徑時，就適合使用流程圖。每個方框的文字應簡短易讀，並在決策分支上標示對應的結果。
- Standard
- Sugiyama layered DAG + orthogonal routing
- Engine
- schematex-flowchart
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
適用對象
誰會使用流程圖？
呈現演算法和驗證流程，方便檢視迴圈、分支和結束條件。
呈現顧客取貨流程中的庫存、付款、驗證和交付決策。
呈現交易流程，找出輸入無效或檢查失敗後的補救路徑。
運作方式
三個步驟製作流程圖
01
描述需求
寫一段話就能開始。
“建立由上而下的廣度優先搜尋演算法流程圖：讀取圖形 G 和起始頂點 s，將 s 標記為已造訪並加入佇列。接著在佇列不為空時，取出一個頂點並記錄其遍歷順序，再將每個尚未造訪的鄰居標記為已造訪並加入佇列。輸出遍歷順序後結束。”
02
查看圖表
由合適的繪圖引擎產生。
03
提出修改
每次修改都會保留版本。
每個鄰居加入佇列時，新增距離標籤。
V2 · DRAWN FROM V1, NOTHING RETYPED常見問題
常見問題
什麼是流程圖？
流程圖是運用圖形和箭頭，呈現流程或演算法中步驟與決策順序的圖表。
流程圖會用到哪些圖形？
矩形通常代表步驟，菱形代表決策，圓角圖形則標示起點或終點。
什麼時候該使用流程圖？
可用流程圖說明作業流程、排查決策路徑、記錄演算法，或讓團隊對接下來的步驟取得共識。
如何讓流程圖清楚易懂？
使用簡短的動作標籤，先呈現一般流程，標示決策結果，並避免加入不影響流程的步驟。
相關工具
