1. 程式人生 > >視覺化學習筆記2:視覺編碼

視覺化學習筆記2:視覺編碼

用視覺元素表示資料

在視覺化資料時,你會使用視覺元素(例如點、線、長條)表示數值。例如,如果檢視多個人的身高和體重,可以用一個點表示每個人的身高和體重值。

用點表示身高和體重

這裡有兩個點,表示兩個人。體重和身高值在圖中用點的位置相對於座標軸上的刻度)表示。左側的點表示體重值 70.0 公斤,身高約為 1.72 米(根據點到座標軸的虛線確定)。

對於定量資料,尤其是對比兩個變數時,建議使用點。對於上述示例,你可以看出如何表示更多的資料。

用點表示多個人。

點是最準確的表示方法,即與其他視覺元素相比,人類更善於確定用點表示的值。從點到座標軸畫個直線很簡單。點就像圖片上的小空間,很容易看出所表示的值。用線條或長條表示此類資料的話,會很混亂。

線條

線條適合將相關的資料相連,並幫助我們用肉眼觀察。對於一段連續資料(例如時間)來說,適合用線條,這時候點就不合適了。看看下面這個只用點表示的時間資料圖表,另一個用線條表示。

用點表示的冰激凌銷量

用線條表示的冰激凌銷量!

用線條表示冰激凌銷量的季節性變化趨勢。人們憑直覺就能從線條上看到趨勢,而點則表示這些資料沒有聯絡。

線條還非常適合顯示不同組之間的變化。Edward Tufte 發明了一種視覺化圖表,叫做“坡度圖”,這種圖非常適合顯示根據時間而變化的一系列群組。如果你感興趣的話,請閱讀這篇文章,其中很好地介紹了坡度圖的發展歷史和用途。

因為人們可以從線條裡看到趨勢,所以如果某種趨勢不合理的話,則不適合使用線條,例如下圖:

條形圖

對於上述圖表,要對比的是幾組資料,條形圖非常合適。

條形圖只能表示一個數值(用左側的 y 軸表示),適合對比幾組資料(家居、電子產品、供應品、服務)。我們很快就能看出每組的利潤對比情況。

顏色

顏色通常用來表示第三個維度,因為很難在二維平面(例如計算機螢幕)上表示三維資料。可以是連續資料 (例如熱度圖)或離散資料(將資料分成幾個組)。

Stephen Few 寫了一遍很棒的關於視覺編碼的文章。共 8 頁,裡面有很多圖表,只需 10 分鐘左右的時間就能看完。不妨閱讀一下。如果你偏離折線表示方法,你的讀者可能就無法理解你的意思,就好像你用錯誤的詞彙與他人交流一樣。