這門手藝是怎麼從棍子在沙地上劃出的地圖,演變成今日的互動式儀表板?
史前到 18 世紀:地圖、表格與最早的圖表#
最早的「資料視覺化」可能就是某位採集者用棍子在沙地上劃出食物方位的地圖。視覺佔據人腦超過半數活動,視覺溝通因此是生存本能而非新潮流。
- 視覺溝通先有洞穴壁畫,再有地圖、曆法、家譜、樂譜、結構圖
- 17 世紀末至 18 世紀初表格(tables)出現,用空間排列降低閱讀大量資料的負擔,帳簿就此誕生,主宰了兩個世紀
- 1786 年,普萊費爾(William Playfair)在《商業與政治圖表集》(The Commercial and Political Atlas)中使用折線圖、長條圖,後又加上圓餅圖——這就是我們今日所謂「圖表」的起點
- 1858 年,南丁格爾(Florence Nightingale)的「玫瑰圖」(coxcomb diagrams)揭示克里米亞戰爭中疾病才是英軍主要殺手,推動了醫院衛生改革
- 1861 年,米納德(Charles Minard)描繪拿破崙俄羅斯遠征軍隊潰滅的圖,成為資訊圖表的經典
Brinton → Bertin → Tukey → Tufte:奠基者譜系#
工業革命為人類帶來空前複雜度,視覺化正是「把複雜抽象成可理解形式」的工具。鐵路公司是最早的圖表先驅。
- Willard Brinton(1914)出版《Graphic Methods for Presenting Facts》,被視為第一本商業視覺化專書
- 提倡小型多重圖(small multiples)、bump charts、slope graphs
- 警告蜘蛛圖「應丟進廢紙堆」,並早於今日專家質疑圓餅圖
- Mary Eleanor Spear(1952《Charting Statistics》、1969《Practical Charting Techniques》)為美國政府彙整實務技巧,連如何在彩色電視上呈現圖表都納入
- Jacques Bertin(1967《Sémiologie graphique》)建立了視覺化的理論基礎,定義七種視覺變數(visual variables):
- 位置(position)、大小(size)、形狀(shape)、顏色(color)、亮度(brightness)、方向(orientation)、紋理(texture)
- Bertin 提出兩條至今仍深刻影響業界的原則:
表達原則(principle of expressiveness):把該說的全說,不多不少,且不誤導。 效率原則(principle of effectiveness):用最能準確傳遞資料含意的視覺形式。
- John Tukey(1970s)在大型主機時代就在做 3D 散布圖,並普及了探索性視覺化(exploratory)與驗證性視覺化(confirmatory)的概念
- Jock Mackinlay(1986 博士論文)把 Bertin 帶進數位時代,並在七個視覺變數之外新增了第八個:運動(motion)
- Edward Tufte(1983《The Visual Display of Quantitative Information》)以嚴謹的設計原則建立了視覺化的「設計派」聖經,名言如:「最重要的:把資料展現出來」、「Chartjunk 能讓乏味變災難,卻救不了單薄的資料集」
1980s–1990s:科學派的早期實證#
當塔夫提(Edward Tufte)談「該怎麼做」時,研究者開始量測「人類怎麼讀圖」。
- 1984 年 Cleveland 與 McGill 首度以實驗證明:圓餅圖的弧形面積比其他比例形式更難解讀
- 此後十多年的研究奠定了一套「視覺文法」,並催生出 Cleveland《The Elements of Graphing Data》、Wilkinson《The Grammar of Graphics》等基礎文本
- 但兩派路徑開始分歧:
- 電腦科學派:聚焦自動化、3D 模型、科學視覺化,不在意美感
- 設計/新聞派:追求大眾市場的吸睛感與資訊圖表
21 世紀的「宗教改革」#
PC 與網際網路推翻了塔夫提那種克制、精煉的取向。資料視覺化迎來爆炸性實驗潮。
- 圖表的擁有權從少數專家轉移到「所有人」——設計師、藝術家、記者、科學家各做各的
- 1980–1990 年代研究的影響力相應減弱,因為它們:
- 假設讀者已經給了你完整注意力——但今日是 Twitter 與低頭族的世界,每張圖都得先搶到注意力才談得上傳達
- 假設「最有效率地傳遞資料」永遠是首要目標——但實務上,圓餅圖也許不夠精準,但「夠準」就好;情境與權衡往往才是關鍵
沒有人再「擁有」資料視覺化的定義——因為現在每個人都擁有。
新興的科學#
新一代研究者借助視知覺、神經科學、認知心理學、行為經濟學,重啟對視覺化的科學探究。重要發現包括:
- Chartjunk 也許沒那麼糟:適度裝飾反而能提升記憶留存
- 「有效性」不是絕對的:性別、人格、媒介、情緒,都會改變對同一張圖的感知
- 觀眾對議題沒有強烈立場時,圖表能修正錯誤認知
- 觀眾立場已固,更多圖反而反效果——此時最有效的不是更多資料,而是肯定對方
- 視覺識讀力可以量測且可訓練:多數人略低於「視覺化識讀」門檻,但可被教到流利
- 我們的視覺系統很會做數學:當圖表同時有顏色與大小等多個變數時,眼睛抓平均值與變異性的精準度比看數字還高
Weber’s law 與圖表效能的可量化未來#
不列顛哥倫比亞大學(University of British Columbia)的 Ronald Rensink 發現:我們對散布圖中相關性變化的感知,遵循感官知覺的基本定律——韋伯定律(Weber’s law)。
韋伯定律:「能被察覺的刺激變化,是原刺激的固定比例。」 在全黑房間裡點一根火柴,亮度變化巨大;若房裡已開了三盞燈,再點一根火柴幾乎察覺不到差別——原本越亮,需要更多新光才能造成「剛剛可察覺差異」(just noticeable difference, JND)。
- 散布圖中相關性的感知也是線性的:相關性 0.9 時挪動幾個點就能感知;相關性 0.5 時要挪動兩倍才有同樣感知
- 塔夫茲大學(Tufts University)的 Lane Harrison 把這個發現複製到更多圖型,並依「相關性可感知度」對圖型排序
- Rensink 又進一步發現:strip plot 與 color plot 在呈現相關性變化上和散布圖一樣好、甚至更好——它們在 y 軸上不佔空間,卻同樣有效
這暗示:也許我們根本不是在「讀資料」,而是把圖降維編碼(encoding down)成形狀、角度、空間,再用視覺去「計算」。 這條路若走通,未來可能出現智慧視覺化系統,能科學地告訴你:對這個任務,哪種圖最有效。
重點整理#
視覺溝通是原始本能,但「現代資料視覺化」只有兩百年歷史。歷史告訴我們:dataviz 不是一門已成熟、有死規則必須遵守的科學,而是一門結合藝術與科學的手藝——實驗與創新理應被獎勵,而非被懲罰。
關鍵時間軸:
- 1700s 末 ── Playfair 製作出最早的折線圖、長條圖、圓餅圖、時間軸
- 1858 ── Nightingale 的玫瑰圖揭示英軍士兵死亡主因
- 1861 ── Minard 描繪拿破崙俄國遠征
- 1914 ── Brinton《Graphic Methods for Presenting Facts》
- 1952 ── Spear《Charting Statistics》
- 1967 ── Bertin《Sémiologie graphique》確立七種視覺變數與兩大原則
- 1970s ── Tukey 推動電腦化視覺化、探索性/驗證性概念
- 1983 ── Tufte《The Visual Display of Quantitative Information》
- 1984 ── Cleveland 與 McGill 開啟「圖形知覺」研究
- 1986 ── Mackinlay 將 Bertin 帶進數位時代,加入「運動」變數
- 2010 ── Rensink 發表散布圖相關性感知遵循 Weber’s law
- 2014 ── Harrison 複製並推廣到更多圖型,建立圖型效能排序
- 今日 ── 工具平民化、實驗百花齊放,但科學基礎仍在發展中
案例:讓一家公司誕生的視覺化#
「ZS 之所以存在,是因為一張視覺化解決了一個棘手問題。」 ── ZS Associates 創辦人 Andris Zoltners
1970 年代末,銷售區域劃分(sales territory alignment)是大公司頭痛的難題:
- 兩個核心問題:業務員放在哪?哪些客戶分給他?
- 公司常花 3–6 個月在紙上手動劃線
- Zoltners 在博士論文裡用搜尋演算法解決了它,但首次提案是用「表格」呈現——客戶不買單
到了 1980 年代初,Zoltners 加入西北大學,與 Eli Lilly 合作(數千業務員、數十萬醫生、四萬個郵遞區號):
- 他和研究生團隊建出全美州、郡、道路的地理資料庫
- 寫出能用光筆(light pen)在地圖上即時調整邊界的軟體
- 同時搭配一張極簡圖:x 軸是業務員人數,y 軸是銷售或利潤,顯示「目前位置」與「最佳化後」
- 反應立即且強烈。一位高層走過來說:「我等這玩意兒等了一輩子。」
Zoltners 自己強調:演算法和他在春田鎮失敗那次完全相同。改變的只是「呈現方式」。 「沒有那些視覺化,我就算最佳化到天荒地老都沒人會買單。視覺化讓他們看見自己的選擇——他們因此覺得自己掌握了決策。」
至今 ZS Associates 已在 50 國執行過超過 10,000 次銷售區域劃分。
原書範例圖#
以下為原書中對應頁面出現的範例圖,依原書順序排列。

原書 p.39 範例圖

原書 p.39 範例圖

原書 p.40 範例圖

原書 p.41 範例圖

原書 p.47 範例圖

原書 p.48 範例圖

原書 p.49 範例圖

原書 p.50 範例圖

原書 p.55 範例圖

原書 p.57 範例圖

原書 p.58 範例圖

原書 p.59 範例圖
