為什麼要視覺化？文字 vs 圖表的差異

你會學到

• 什麼時候要用圖表而不是文字或表格
• 以 91APP 行銷數據為例，了解視覺化帶來的洞察
• 透過 Chart.js 用最少的程式碼畫出第一個圖表

情境

行銷團隊每週都要檢視「廣告花多少、帶來多少」。用文字敘述：

• Facebook 1 月花 30 萬，ROAS 3.2；2 月花 40 萬，ROAS 2.8；3 月花 25 萬，ROAS 4.0

改成圖表，三秒內能看出 2 月效率下降、3 月表現回升。

視覺化的好處

• 壓縮資訊量：一張圖涵蓋多個維度（時間、金額、效率）
• 降低誤讀：比例、趨勢直覺呈現，不靠長篇文字
• 促進行動：看到異常更容易開啟討論與優化

Demo：第一張柱狀圖

說明：月度廣告花費 vs ROAS，雙軸混合。直接複製到學習環境即可預覽。

這堂課後你應該能回答

• 哪些數據適合畫成時間趨勢？
• 什麼時候用長條圖、折線圖或圓餅圖？
• 圖表應標示哪些標籤才能避免誤解？

練習（視覺驗證）

1. 將 2 月花費改成 50 萬，觀察 ROAS 線條是否仍在同一尺度。
2. 將 ROAS 改成 [2.5, 1.9, 3.6]，比較線條斜率，思考 2 月問題可能來自哪裡。
3. 把顏色改成你團隊的品牌色，確認圖例仍清晰可辨。

練習題

AI 協作：學了這個，跟 AI 怎麼配合？

AI 可以幫你畫圖表，但「用什麼圖表說什麼故事」是你的決策。

你的人類優勢：

• 你知道觀眾是誰、想傳達什麼訊息（趨勢？佔比？對比？）
• 你能判斷圖表有沒有「說謊」（Y 軸不從零開始、刻意選有利的時間範圍）

可以這樣跟 AI 說：

我有每月營收資料，想呈現「營收在成長」這個訊息。該用長條圖還是折線圖？幫我兩種都畫出來比較。