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