繪圖與視覺化 指南
長條圖、圓餅圖、流程圖怎麼選?資料比較、占比與程序視覺化完整指南
最好的圖不是最漂亮的圖,而是讀者一眼就知道該比較什麼、該往哪裡走。
更新日期:
同一份報告裡可能同時需要比較六個班級人數、顯示預算構成、解釋申請流程。這三個問題不應用同一種圖。
速答:長條圖、圓餅圖、流程圖怎麼選?
如果你要比較不同類別的數值,優先用長條圖;如果要呈現同一整體由少數互斥部分構成的占比,可以用圓餅圖;如果要說明步驟、順序、條件與分支,使用流程圖。若資料是時間趨勢、分布或關聯,FunnyTools目前這三個工具不一定是最佳選擇,不應為了站內有工具就硬套。
一、先問讀者要做什麼判斷
- 比較誰大誰小 → 長條圖
- 看各部分占整體多少 → 圓餅圖
- 看下一步怎麼走 → 流程圖
這是最可靠的選圖起點。
二、長條圖適合類別比較
例如A店120件、B店95件、C店160件,讀者要比較誰多、差多少,就用長條圖。長條用長度表示數值,人眼很適合比較長度。
三、圓餅圖適合部分占整體
例如年度預算的人事50%、設備25%、行銷15%、其他10%,讀者想知道整體如何分配,可以用圓餅圖。
四、流程圖不是數據圖表
流程圖回答步驟與條件關係,例如:收到申請 → 資料完整嗎?→ 是:審核;否:退回補件。這不是數值比較。
五、時間趨勢通常用折線圖
例如1~12月銷售額變化,最自然通常是折線圖。FunnyTools目前製圖分類沒有折線圖工具,所以不應為了導流,把所有時間序列硬導向長條圖。
六、成績分布通常用直方圖
如果要看60~69、70~79、80~89的人數分布,更自然是直方圖。長條圖與直方圖外觀相似,但概念不同:長條圖比較離散類別,直方圖呈現連續數值區間。FunnyTools目前沒有直方圖工具。
七、兩個變項關係通常用散佈圖
例如讀書時間 vs 成績,通常需要散佈圖,而不是長條、圓餅或流程圖。
八、案例:社團人數
六個社團招生人數,問題是「哪個社團最多?」→ 長條圖。硬用圓餅圖,小差異較難比較。
九、案例:家庭支出
本月總支出5萬元,房租、食物、交通、娛樂各占多少?→ 圓餅圖可行。若要比較12個月的食物支出,就不是同一個 pie。
十、案例:請假流程
填表 → 主管核准?→ 是:送人資;否:退回。→ 流程圖。
十一、同一份報告可以同時用兩種圖
方案A/B/C成本可以用長條圖比較;若還要説明每個方案採用條件與下一步,再另外畫流程圖。不要要求一張圖同時完成兩種任務。
十二、有時表格比圖更好
若只有A=12、B=13、C=14,而且讀者需要精確值,表格可能比圖更有效。不要為了「一定要有圖」增加認知負擔。
十三、驗證方式也不同
資料圖表應能由同一組原始數據重建;流程圖則應讓真正執行流程的人可以從第一步走到每個可能終點。
十四、FunnyTools目前輸出能力
- Bar chart → PNG
- Pie chart → PNG
- Flowchart → PNG
- CAD → PNG / SVG
- Sketchpad → PNG
不要把分類頁「部分工具可SVG」錯寫成所有圖表都有SVG。
十五、簡單決策流程
- 有數值嗎?沒有 → 流程/示意圖。
- 比較離散類別?→ 長條圖。
- 同一整體的構成?→ 圓餅圖。
- 時間趨勢/分布/關聯?→ 使用相應圖型,FunnyTools現有工具未必適合。
十六、常見錯誤
- 因為圓餅圖漂亮就拿來比較任何數字。
- 流程圖放一堆數字卻沒有步驟關係。
- 時間序列硬做pie。
- 直方圖和長條圖混淆。
- 不需要圖卻強迫畫圖。
十七、FAQ
比較五個部門營收用哪個?
長條圖。
顯示市場占有率呢?
若各公司屬於同一市場總體且互斥,可以考慮圓餅圖。
說明審核程序?
流程圖。
時間趨勢?
通常折線圖;FunnyTools目前沒有該工具。
十八、延伸閱讀
下一步
先決定讀者要比較數字,還是走一個流程。
再打開對應的 FunnyTools 工具,不要反過來先選圖型再硬塞資料。
重點速記
Compare categories → BarPart-to-whole → PieSteps / decisions → Flowchart