Waffle Chart Chart
線上免費甜甜圈格狀圖製作器
什麼是甜甜圈格狀圖（Waffle Chart）？
甜甜圈格狀圖是一種以格狀矩陣呈現比例數據的視覺化方式，最常見的是 10x10 的正方形格式，因此每個格子代表 1%。各類別會在整個網格中分配各自的區塊，讓「部分對整體」的關係比圓餅圖更容易一眼估讀。當你需要讓觀眾快速辨識精準百分比時，就可以使用甜甜圈格狀圖——從預算拆解、問卷結果到市場佔有率都很適合。
特色功能
1
可自訂網格
調整欄位與列數——從適合大方向拆分的 5x5，到精準讀取百分比的 10x10。
2
填色方向控制
選擇格子依「由左到右、按列填色」或「由上到下、按欄填色」顯示，以符合你的版面或閱讀習慣。
3
多類別配色標示
為每個類別指定不同顏色，讓觀眾能立即看出網格如何切分成多個群組。
4
圖例搭配百分比與數值
切換圖例顯示每個類別的標籤、百分比與原始數值，省去心算的麻煩。
5
格子樣式可調
控制格子大小、間距與圓角半徑，從精簡資料表到精緻圓角圖形都能做出來。
6
即時 AI 自動生成
用純文字描述你的資料，MakeCharts 會自動幫你生成甜甜圈格狀圖——不需要公式或設計技能。
適合哪些情境
問卷回覆拆解
各類別預算分配
市場佔有率比較
朝目標或配額的進度
族群或受眾組成
選舉或投票佔比結果
何時使用
- 當你希望觀眾估算百分比的精準度比圓餅圖更好時
- 當你有 2 到 6 個類別，合計剛好是 100% 時
- 當你在展示給一般受眾，且他們覺得網格比角度圖更直觀時
- 當你需要一個比長條圖更吸睛的方式來呈現比例
- 當你要展示單一指標相對於 100% 目標的完成進度時
常見錯誤
- !使用過多類別——超過 6 種顏色會讓網格難以辨讀
- !未說明格子大小的非標準設定，導致觀眾無法理解每格代表什麼
- !當顏色本身不夠直觀時，卻沒有加入圖例
- !呈現未先換算成加總 100% 的數值
- !在小螢幕上把格子做得太小，導致顏色差異難以分辨
- !使用對比度較低的顏色，特別是相鄰或相近的類別