不同音樂風格特徵的散佈圖 [tips] 請將滑鼠置於圓點或右側圖例上

資料來源：Kaggle；參考資料：Spotify API reference

圖示說明

每個圓點代表一種音樂類型，每一顏色代表某一大類型； X 軸和 Y 軸 分別代表 Energy 和 Valence。
Energy 越高表示該音樂風格的張力(Intensity)越強；Valence 越高，則表示聽者感受上的正面程度(Positiveness)越高。

設計選擇

由於每個風格各為獨立的類別資料，因此選擇 Scatter Plot 作圖，並以顏色區分不同大類的音樂風格。
不同類型在 Energy 和 Valence 維度上的數值均介於[0, 10]，故以相同尺度表示，以便於比較不同大類的分佈情形。

互動時以「透明度」及「圓點大小」加強資料點的可區分性，凸顯選定的風格類型。

設計經驗法則

各點同時呈現於圖表上，讓使用者關注特定風格的同時，亦可參照其他風格類型的分佈情形，減輕使用者記憶負擔。
為加強表達的直觀性，tooltip 標示了該點的大、小類風格，以及 Energy 和 Valence 數值。
當聚焦關注特定類型時，圓點加上黑色框線(stroke)，藉以強調不同細類別的顆粒度，避免改變視盲的情形。
使用圖例查看不同類別資料時，放大該類別的圖例文字，增加互動感。