於 2020/11/27 PyData 的演講活動 https://pydata.org/taipei2020/program/talk-3/ 演講摘要： 數據視覺化的能力，絕對是許多資料科學領域工作的關鍵技能。然而，常常聽到有人抱怨：『好難做出好看的圖表』、『我不知道該怎樣視覺化這個數據』。事實上，良好的資料視覺化與數據分析，絕對不是只有單純透過 Excel 生成圖表就算完成，而是可以搭配許多視覺技巧，幫助捕捉資料與圖表的重點，並將想法有效傳達給你的對象。

1. 1
⼈⼈都可以上⼿的資
料視覺化技巧
彭其捷
http://visualization.tw/
將於演講結束時，提供簡報連結

2. 相關著作（資料視覺化 / 資料科學 / UIUX）
11 刷｜教科書

3. 3
第六本
著作
進階資料
視覺化技巧
2020.7 出版

4. 4

5. 5

6. 數據視覺化的能⼒，絕對是許多資料科學領域⼯作
的關鍵技能。然⽽，常常聽到有⼈抱怨：『好難做
出好看的圖表』、『我不知道該怎樣視覺化這個數
據』。事實上，良好的資料視覺化與數據分析，絕
對不是只有單純透過 Excel ⽣成圖表就算完成，⽽
是可以搭配許多視覺技巧，幫助捕捉資料與圖表的
重點，並將想法有效傳達給你的對象。

7. 7
認識資料視覺化
挑選合適的視覺化⼯具
資料視覺化的
基礎技巧Part1
Part 2
Part 3

8. 8
認識資料視覺化
Part 1

9. 幫忙找：紅⾊的球

10. 幫忙找：比較⼩的球

11. 幫忙找：紅⾊的圓球

12. 我們（偶爾）會看到或是做出的統計圖表們
Let’s give
every
year a
color of
it’s own
https://viz.wtf/
image/
630887965804
150786

13. 這兩張圖：是不是有 87 分像

14. 14
前注意處理特徵｜Pre-Attentive processing
https://medium.com/@jonmyers/design-seeing-without-thinking-783d018bb82f

15. 右邊是左邊的幾倍？

16. 前注意處理特徵｜Pre-Attentive processing
16
https://
help.tableau.com/
current/blueprint/en-
us/
bp_why_visual_anal
ytics.htm

17. https://viz.wtf/

18. 18
https://
viz.wtf/
image/
622553096
584888320

19. 19https://viz.wtf/image/171134950336

20. 20https://viz.wtf/search/google

21. Tips
觀察被別⼈討論的負⾯案
例，也是不錯的學習⽅法！
21

22. Question
試試⽤ 2 秒看看，Apple
iPhone 的市占率
是排第幾名呢？
22

24. 格式塔原則：⽤顏⾊、形狀、位置、排列設計視覺隱喻
格式塔
原則
Gestalt
https://www.interaction-design.org/
literature/article/the-law-of-
similarity-gestalt-principles-1

25. Question
如果覺得⾃⼰沒有美學
sense，⼜沒有時間了解這麼
多複雜的視覺規則，怎麼辦？
25

26. datavizproject.com
https://datavizproject.com/

27. 27

28. Question
如果 …. 程式寫不出這麼客製化
圖表的話怎麼辦？
28

29. 29
⼀句有聲⾳的句⼦挑戰賽
好⼯具帶你
上..天..堂！

30. 30
挑選合適的視覺化
⼯具
Part 2

31. 除了 Excel 之外，做視覺圖表的⼯具選項？
31

32. 32

33. Question
有做過圖表動畫嗎？
33

34. 視覺化的能⼒，常常來⾃於⼯具的 限制
容易
34
困難

35. 視覺化的能⼒，常常來⾃於⼯具的 啟發
容易
35
容易

36. 除了 Excel 之外，推薦的好⽤視覺化⼯具們
36
較進階
商⽤軟體
相對容易
入⾨區
程式語⾔
⼯具
ArcGIS Story Maps
JavaScript d3.js

37. wordArt ：標籤雲
https://wordart.com/create

38. Google Data Studio｜真不愧是⼤神
38

39. Flourish｜好上⼿多變化的圖表製作⼯具！
39

40. 40

41. PlotDB：有許多圖表 & 中⽂（台灣⼈開發的資料視覺化⼯具）
41

42. Tableau ｜操作直覺 & 功能完整的視覺化王者⼯具
圖表模組系統
(Show Me）
快速切換各類
圖表，進⾏數
據觀察
選擇資料欄位
（Columns）
42

43. PowerBI｜微軟推出的資料視覺化⼯具，功能強⼤完整
43

44. Python｜搭配套件之後可直接整合程式碼內容出圖
44
視覺化
套件

45. R Language｜很多學術⼯具與圖表庫
45
視覺化
套件

46. R & Python （個⼈覺得 Python 業界多，R 的話學界多）
46

47. Mapbox｜地圖視覺化的好幫⼿，開放地圖服務
https://www.mapbox.com
47

48. JavaScrip｜網⾴動態互動的好⽤⼯具
48
視覺化
套件
【特⾊】相對於套裝軟體、網路使⽤者體驗佳

49. JavaScript 視覺化圖表函式庫：D3.js
https://github.com/d3/d3/wiki/Gallery
49

50. 50
資料視覺化
的基礎技巧
Part 3

52. 技巧 1：常把「排序」放在⼼裡⾯（Sort）
Before：按照字⺟排序 After：增加排序

53. 技巧 2：⽤⾊彩強化判讀（Colors）
Before：數據表格 After：加入漸層的數據表格

54. 技巧 3：資訊註譯增添（Annotation）
Before：沒有額外註譯 After：增加註譯

55. 技巧4：視情況搭配動畫展⽰（Animation）
Before：無動畫 After：增加動畫

56. 技巧5：評估加入參考線（Reference Line）
何時達到：
每⽇新增
20 萬感染
個案數？

57. 技巧5：評估加入參考線（Reference Line）
何時達到：
每⽇新增
20 萬感染
個案數？

58. 技巧6：再次過濾掉不需要的資訊（Filter）

59. 技巧7：簡單可以簡單到極致（Simplify）
Before：單純長條圖 After：放⼤論述主體
60%
印度佔全亞洲感染
個案數量比例
全球：13,626,009 ⼈
印度：8,229,313 ⼈

60. 60
今⽇分享⼩結

61. 61
前注意處理特徵｜Pre-Attentive processing
https://medium.com/@jonmyers/design-seeing-without-thinking-783d018bb82f

62. 格式塔原則：⽤顏⾊、形狀、位置、排列設計視覺隱喻
格式塔
原則
Gestalt
https://www.interaction-
design.org/literature/article/
the-law-of-similarity-gestalt-
principles-1

63. 除了 Excel 之外，推薦的好⽤視覺化⼯具們
63
較進階
商⽤軟體
相對容易
入⾨區
程式語⾔
⼯具
ArcGIS Story Maps
JavaScript d3.js

64. 11 刷｜教科書
https://www.books.com.tw/products/0010710103https://www.books.com.tw/products/0010768947

65. 65
THE END