1第十三課帶動畫和交互的可視化學習目標學習目標了解通過數據完成敘述的常用方式了解動畫和交互在可視化中的作用完成簡單帶交互的可視化作品能能力目標能夠根據實際場景選擇合適的交互和動畫方式能夠組合圖表，動畫和交互完成完整的數據儀表板能夠利用工具完成儀表盤和圖表敘述2交交互的作用數據可視化的系統除了視覺呈現的部分，另一個非常重要的要素是用戶交互。交互是通過與系統之間的對話和互動來操控和理解數據過程。如果只是靜態的圖片或是自動播放的視頻，雖然也能夠在一定程度上幫助用戶理解數據，但是效果非常有限。特別是現在數據量非常大，數據結構也非常復雜的情況下，有限的可視化空間大大的限制了靜態可視化的效果。交互往往在以下兩個方面讓可視化更加有效。緩解有限的可視化空間和數據過載之間的矛盾。首先，有限的屏幕尺寸不足以顯示海量的數據。其次，常用的二維顯示平面對復雜數據的可視化也提出了挑戰。例如多元數據，通過交互可以幫助拓展可視化的信息表達維度和空間。交互能讓用戶更好的參與對數據的理解和分析對于可視化分析系統來說，其目的不只是向用戶傳遞定制好的信息，更是提供平臺和工具幫助用戶探索數據，得到結論。在這樣的系統中，交互是必不可少的。交互技術交互技術多種多樣，每種交互技術適合特定的可視化設計場景。本節簡單介紹了一些基本的交互方法的基本思路，特性，適應范圍和案例。選擇當數據以非常復雜的方式展現給用戶的時候，必須有一種方式能使用戶標記其感興趣的部分，以便跟蹤變化情況，通過鼠標或是其他硬件進行選擇，這也是最常用的交互手法之一。我們通常在選擇數據點的時候會顯示標簽，這就是選擇的交互方式。其中也有一些問題需要注意，如果數據點非常密集，選擇就會有難度，通常要允許放大視圖，便于選擇數據。另外，對標簽的設計要也注意必須容易解讀，明確的指向數據點，以及互不遮擋能。例如下圖就是經濟合作組織(OECD)對各個國家的幸福指數的可視化 ()作品，選取某一個國家的花型圖表就會進一步3顯示這個國家的各項指數。這個標簽通過柱狀圖和國家名，表達得非常明晰。導航導航是可視化系統中最常見的交互手段之一。當可視化數據空間更大的時候，通過選定區域看到局部數據，并通過改變焦點觀察其他部分的數據?？s放，平移和旋轉是導航中的三個最基本的動作?？梢酝ㄟ^縮放查看細節和宏觀，平移查看超出視線范圍的部分，旋轉可以從不同的方向查看。如圖是plot.ly上的關于200個國家GDP和壽命期望的展示圖 (https://plot.ly/~cimar/211/life-expectancy-v-per-capita-gdp-2007/)，因為國家很多，可以通過縮放，平移等方法詳細查看每個國家的具體數據。也可以查看某個范圍內的所有國家情況。重配4重配主要是可以為用戶提供不同的視角，可以重新配置視圖，重新排列。在圖表的可視化應用中，重排列非常常見。主要是克服空間位置距離過大，使得兩個對象在視覺上的關聯性被降低的問題。下圖是經合組織的可視化平臺 (/OECDregionalstatistics/#story=0)，在各個國家的人口分布的透視鏡表格中，可以選擇不同的列，從來對比分析不同類型的屬性之間的關系編碼視覺編碼是可視化的核心要素。交互的改變數據元素的可視化編碼，比方說改變顏色編碼，更改大小，調整坐標軸的刻度方式，改變形狀等等?；蛘呤褂貌煌谋磉_方式，改變數據外觀，都可以直接影響用戶對數據的認知。許多可視化應用都支持通過交互改變簡單的顏色或是形狀編碼。例如下面的經合組織的可視化分析圖中，可以選擇不同的數據進行圓圈的大小編碼，也可以設置通過不同的百分比區間對應不同的顏色，也是修改的顏色的編碼方式?？梢愿油怀鱿胍憩F的數據5抽象/具象抽象和具象交互技術可以為用戶提供不同細節等級的信息。用戶可以通過交互控制顯示更多或是更少的數據細節。下圖可以點擊任何一個手機品牌，得到其子品牌的銷售份額，就是從更加細節上提供了更多的信息。過濾過濾是指通過設置約束條件實現信查詢。這是日常中最常見的獲取信息的方法，例如從搜索引擎中輸入關鍵詞查詢，或是查詢數據庫等。但是當用戶對數據的整體特性知之甚少時，往往難以找到合適的過濾條件。因此，往往是可視化通過視覺編碼先將整體數據呈現給用戶，使之對數據的整體特