看看實際效果
樹狀圖範例
同一款工具，四種需求。下方每張圖都是實際產生的成果。
輸入內容
建立一張三代家族樹，祖父母是 Mina 和 Leo，他們的子女是 Ava 和 Eli；Ava 的孩子是 Noah 和 Mia，Eli 的孩子是 Owen。
接著試試為 Ava 新增配偶。為每個人加上出生年份。
組織圖 · Reingold-Tilford tidy tree · schematex-orgchart
產生的圖表
什麼是樹狀圖？
樹狀圖以一個根節點為起點，向外延伸出相連的子項目。每條分支依照整理內容，代表父子關係、分類與子分類，或包含關係。
當每個項目在結構中都有明確位置時，樹狀圖就很實用。從根節點開始，加入主要分支，再視需要補上細節，讓讀者更容易找到或理解資訊。
- Standard
- Reingold-Tilford tidy tree
- Engine
- schematex-orgchart
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
適用對象
誰會使用樹狀圖？
簡單呈現世代與家族分支。
在設計導覽前，先確認頁面層級。
移動檔案前，先規劃共用雲端硬碟的資料夾結構。
運作方式
三個步驟製作樹狀圖
01
描述需求
寫一段話就能開始。
“建立一張三代家族樹，祖父母是 Mina 和 Leo，他們的子女是 Ava 和 Eli；Ava 的孩子是 Noah 和 Mia，Eli 的孩子是 Owen。”
02
查看圖表
由合適的繪圖引擎產生。
03
提出修改
每次修改都會保留版本。
為 Ava 新增配偶。
V2 · DRAWN FROM V1, NOTHING RETYPED常見問題
常見問題
什麼是樹狀圖？
樹狀圖是以根節點和相連子項目組成的分支圖。
樹狀圖可以呈現哪些內容？
樹狀圖可以呈現家族、分類、網站頁面、資料夾、團隊或任何巢狀結構。
樹狀圖和流程圖有什麼不同？
樹狀圖呈現包含關係或層級；流程圖則呈現流程中的步驟和決策。
樹狀圖應該有幾個層級？
依需求加入足夠的層級，讓結構清楚實用，同時確保標籤容易閱讀。
相關工具
