以數值決定大小
區塊依數值比例縮放，讓觀眾一眼看出各部分比例。
Features
Treemap 的關鍵功能
為清晰易讀的 Treemap 打造的專用控制項
智慧標籤
可切換標籤並選擇名稱、數值或名稱＋數值；標籤位置可置於上方、下方或置中。
易讀的版面配置
調整邊線顏色與寬度、間隙的圓角與標籤字型大小，呈現乾淨俐落的外觀。
長寬比控制
透過精確的長寬比設定，讓圖表在任何空間都維持平衡。
一鍵排序
依數值排序，立即顯示主要貢獻者與長尾項目。
即時預覽
在微調色彩、間距與標籤時，即時檢視所有變更。
即時預覽
在微調色彩、間距與標籤時，即時預覽所有變更。
Data input
匯入您的資料
鍵入或貼上
直接從剪貼簿輸入分類與數值（可選顏色）。
從試算表貼上
從 Google Sheets 或 Excel 複製範圍，貼上即可快速填滿表格。
從範例開始
使用預載的群組（例如 Technology、Healthcare、Finance），立即體驗功能。
表格內直接編輯
在資料表格中一鍵新增、排序或移除項目。
Share
分享與匯出
下載圖片
匯出高品質 PNG/SVG，適用於投影片、文件與報告。
分享連結
建立可分享的連結，方便快速檢視與回饋。
嵌入任何地方
將輕量級嵌入碼貼到您的網站或維基。
快速協作
傳送預覽，讓團隊成員檢視最新版本。
關於此樹狀圖工具
由 AI 驅動的樹狀圖產生器，能快速將原始數值轉為清晰的樹狀圖。結合簡單操作與智慧預設：可選標籤內容與位置、調整間距並設定長寬比。即時預覽每項變更，一鍵匯出或分享。
<2 分鐘建立第一張圖表所需時間
22+ 範本可用圖表樣式
35+支援語言
PNG, SVG下載格式
是可免費開始使用
Workflow
操作說明
加入資料
輸入分類名稱與數值（可選：十六進位顏色）。
使用 AI 生成
描述你的目標，讓 AI 幫你建立包含標籤與排序的完整矩形樹圖設定。
調整顯示
使用「顯示」與「一般」設定來調整標籤內容、位置、描邊、圓角間距、寬高比及字體大小。
匯出或分享
下載 PNG/SVG、複製連結，或將圖表嵌入到你需要的地方。
Use cases
適用對象
投資組合與收入構成
顯示按資產類別、產業或產品線的配置，並標示數值與清晰的區域大小。
功能使用與分群
按模組、方案或用戶分群繪製使用情況，揭示注意力與價值集中的區域。
成本與供應商明細
在固定面積佈局中突顯主要成本中心或供應商支出。
內容與流量組合
視覺化頁面、渠道或活動的類別佔比，協助決定優先事項。
範本
從專業設計的範本開始
比例資料用 Treemap 範本treemap
使用這款免費樹狀圖範本，輕鬆視覺化各類別的數據比例。適用市場佔有率、預算與層級拆解。
用樹狀圖（Treemap）視覺化你的預算配置treemap使用即用的樹狀圖範本，清楚呈現各部門預算明細與類別分配。專業且可完全自訂。
網站分析 Treemap：用區塊視覺化流量treemap用網站分析樹狀圖快速掌握各版塊的瀏覽量。即時查看流量層級，找出表現最佳的內容區域。
股票投資組合樹狀矩陣圖 - 視覺化你的資產配置treemap用樹狀圖清楚呈現投資組合配置。快速查看科技、金融、醫療與能源股票的資產分布。
用矩形樹狀圖（Treemap）可視化磁碟使用情況treemap用磁碟空間 Treemap 範本快速視覺化存儲分布。立即掌握哪些檔案與資料夾佔用最多空間。
組織人數樹狀圖模板treemap用樹狀圖清楚視覺化各部門人數分布。免費模板，適合人資、主管與規劃團隊使用。
相關工具
使用這些工具創建類似圖表
Comparison
為何選擇本方案而非傳統工具
AI 加速設定並改善可讀性—無需額外作業。
AI 驅動的矩形樹圖產生器
- 自動映射欄位並建立完整設定
- 優化標籤內容與位置，提升清晰度
- 以描邊與圓角間隙預設取得平衡間距
- 依數值排序，凸顯主要貢獻者
- 即時預覽，幾秒內即可迭代
傳統樹狀矩形圖工具
- 手動進行資料清理與欄位對應
- 標籤會重疊或被截斷
- 間距與邊框需反覆微調
- 未排序時難以比較區域大小
- 沒有即時預覽，迭代緩慢
FAQ
樹狀矩形圖產生器常見問答
樹狀矩形圖產生器是什麼？
這是一種工具，將類別與數值清單轉換成樹狀矩形圖──矩形大小以數值呈現。我們的工具加入 AI，一步完成清晰版面、可讀標籤、間距與排序。
如何在網路上免費製作樹狀矩形圖？
打開工具、貼上資料，然後點擊 Generate treemap。使用免費選項設定標籤內容與位置、調整邊框、圓角與間距，並匯出圖片。
這個樹狀矩形圖產生器可以同時顯示名稱和數值嗎？
是的。開啟標籤並選擇 'Name + value'。你可以將標籤置於上方、下方或置中，以符合版面需求。
如何按數值對類別進行排序？
使用內建排序，將區塊按數值由大到小排列。排序可凸顯最大貢獻者並讓比較更容易。
我可以在樹狀矩形圖標籤上顯示百分比嗎？
樹狀矩形圖以面積表示數值。若要顯示百分比，請先將數值轉換為總量的百分比再貼上，或在標籤文字中與數值並列加入百分比。
是否支援圖例？
樹狀矩形圖通常以直接標籤為主。為了清晰，建議使用 'Name + value' 並將標籤置中；如果你提供自訂顏色，顏色仍可用來區分群組。
可以匯出哪些格式？
可下載 PNG 或 SVG，以在簡報、文件和網頁上獲得清晰顯示。也可以分享連結或嵌入。
AI 如何協助設定？
AI 會解讀你的意圖、選擇標籤內容與位置、按數值排序，並設定間距與縱橫比以提升可讀性。你仍然可以完全掌控並微調設定。
這個樹狀矩形圖產生器適用於大型資料集嗎？
可以，但可讀性很重要。若出現許多極小類別，請在匯入前將小數值分組或過濾，以維持標籤的可閱讀性。
樹狀矩形圖與熱圖有何不同？
樹狀矩形圖以巢狀矩形的面積來編碼數值；熱圖則在格狀圖中以顏色表示。若要在有限空間內呈現整體與部分的構成，建議使用樹狀矩形圖。
以包容性為設計核心
- 易讀的標籤尺寸，支援調整字體並置中顯示
- 色彩對比友善的配色與線條分隔，提升辨識度
- 鍵盤友善的控制，便於執行常見操作
- 為標題與圖表摘要提供螢幕閱讀器描述
- 響應式版面，適用於小螢幕並確保良好使用體驗
您的資料，您掌控
- 您決定要貼上、分享、匯出或嵌入的內容
- 在編輯過程中可隨時移除項目或清除資料
- 下載檔案按需產生，供您使用
- 不進行基於廣告的個人化分析；專注於您的圖表
- 您可以刪除不再需要的共用連結
Start now
立即建立你的樹狀圖
貼上資料，點擊產生，數分鐘內匯出。
- AI 協助設定，並提供智慧預設
- 標籤：名稱、數值 或 名稱 + 數值
- 依數值排序以提升可讀性
- 描邊、圓角間距與長寬比調整
- 支援 PNG/SVG 匯出，輕鬆分享
提示：啟用「顯示標籤」→ 標籤內容：名稱 + 值 → 位置：置中。