矩形樹圖
免費線上矩形樹圖製作工具
什麼是矩形樹圖？
矩形樹圖將階層式資料以巢狀矩形呈現，每個矩形的面積與其數值成正比。這是同時展示多個類別之整體佔比關係的最佳方式——例如按產品線劃分的收入、按資料夾劃分的儲存使用量，或按產業劃分的市值。與圓餅圖不同，矩形樹圖能輕鬆處理數十個分類而不顯雜亂，是需要在同一視圖中兼顧層級與比例時的首選。
主要功能
1
面積編碼數值
每個矩形的面積直接與其數值成正比，讓相對大小一目了然，無需逐一閱讀數字。
2
巢狀層級結構
將項目分組為主分類與子分類，讓觀者能從整體全局深入到個別細節。
3
色彩分類
為每個分類指定不同顏色，或使用漸層色突顯第二個維度——例如在市佔率旁同時呈現成長率。
4
彈性標籤選項
在每個區塊內顯示項目名稱、數值或兩者兼具，調整字型大小與位置，確保密集的矩形樹圖仍易於閱讀。
5
即時 AI 生成
以文字描述您的資料，MakeCharts 即可在幾秒內生成矩形樹圖，無需試算表。
6
匯出與嵌入
以 PNG 或 SVG 格式下載矩形樹圖，或取得嵌入碼直接插入網頁或簡報。
最適合用於
按部門劃分的預算與費用明細
各公司或產業的市場份額分布
按資料夾劃分的檔案系統與儲存使用量
跨資產類別的投資組合配置
按產品類別與地區劃分的銷售績效
按來源管道或內容類型劃分的網站流量
使用時機
- 分類超過 6–7 個，圓餅圖已難以閱讀時
- 資料具有自然的父子層級結構（如產業→公司、部門→團隊）
- 需要一眼比較大量項目的相對大小時
- 整體佔比至關重要，且每個項目都需清楚可見時
- 希望突顯主導分類，但不想使用排序清單時
常見錯誤
- !包含過多細小分類——佔總量約 1% 以下的項目會變成難以辨識的細條
- !未設定排序，導致最大區塊分散各處，而非集中排列以便快速瀏覽
- !相鄰區塊使用過於相近的顏色，導致難以區分不同分類
- !密集矩形樹圖的標籤字型設定過小——應改為在極小區塊上隱藏標籤
- !混淆矩形樹圖與熱力圖：矩形樹圖以面積編碼數量，而非色彩強度
- !數值標籤未標示單位，讓觀者難以判斷數字代表金額、百分比還是計數
相關工具
使用這些工具創建類似圖表
Templates
Start with professionally designed templates
組織人數樹狀圖模板
立即了解公司人數如何在各部門之間分布——從工程與銷售到人資與法務——用一張比例式、色彩編碼的樹狀圖呈現。
用矩形樹狀圖（Treemap）可視化磁碟使用情況
立刻掌握儲存空間如何分配到各種檔案類型：比例化、並以顏色區分的矩形樹狀圖，讓重點一眼看懂。
股票投資組合樹狀矩陣圖 - 視覺化你的資產配置
用色彩編碼的樹狀矩陣圖，一眼看清你的投資組合全貌，顯示資金如何在不同股票與產業之間分配。
網站分析 Treemap：用區塊視覺化流量
透過比例呈現、並以顏色區分的 Treemap，清楚看出哪些頁面帶來你的流量，讓網站分析立刻變得一目了然。
用樹狀圖（Treemap）視覺化你的預算配置
只要一眼就能看出預算在各部門與類別之間如何分配：比例化、並以顏色清楚標示。
比例資料用 Treemap 範本
一眼看出各類別在大小上的差異——使用這個即用的 treemap 範本，快速完成可發佈的視覺化。
Treemap
瀏覽範本查看所有範本
瀏覽完整資料庫，找到更多適合您圖表的範本。