繪圖與視覺化 指南

長條圖、圓餅圖、流程圖怎麼選?資料比較、占比與程序視覺化完整指南

最好的圖不是最漂亮的圖,而是讀者一眼就知道該比較什麼、該往哪裡走。

更新日期:

同一份報告裡可能同時需要比較六個班級人數、顯示預算構成、解釋申請流程。這三個問題不應用同一種圖。

速答:長條圖、圓餅圖、流程圖怎麼選?
如果你要比較不同類別的數值,優先用長條圖;如果要呈現同一整體由少數互斥部分構成的占比,可以用圓餅圖;如果要說明步驟、順序、條件與分支,使用流程圖。若資料是時間趨勢、分布或關聯,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。

十五、簡單決策流程

  1. 有數值嗎?沒有 → 流程/示意圖。
  2. 比較離散類別?→ 長條圖。
  3. 同一整體的構成?→ 圓餅圖。
  4. 時間趨勢/分布/關聯?→ 使用相應圖型,FunnyTools現有工具未必適合。

十六、常見錯誤

  • 因為圓餅圖漂亮就拿來比較任何數字。
  • 流程圖放一堆數字卻沒有步驟關係。
  • 時間序列硬做pie。
  • 直方圖和長條圖混淆。
  • 不需要圖卻強迫畫圖。

十七、FAQ

比較五個部門營收用哪個?

長條圖。

顯示市場占有率呢?

若各公司屬於同一市場總體且互斥,可以考慮圓餅圖。

說明審核程序?

流程圖。

時間趨勢?

通常折線圖;FunnyTools目前沒有該工具。

十八、延伸閱讀

下一步

先決定讀者要比較數字,還是走一個流程。

再打開對應的 FunnyTools 工具,不要反過來先選圖型再硬塞資料。

重點速記

Compare categories → Bar
Part-to-whole → Pie
Steps / decisions → Flowchart