《數(shù)據(jù)可視化》教學(xué)課件05第五章-數(shù)據(jù)可視化的實(shí)現(xiàn)與優(yōu)化

朱曉峰DT時(shí)代

數(shù)據(jù)可視化導(dǎo)論時(shí)變數(shù)據(jù)是很常見(jiàn)的一種數(shù)據(jù)形式，甚至可以說(shuō)，日常見(jiàn)到的大部分都是時(shí)變數(shù)據(jù)，比如說(shuō)一切價(jià)格的變動(dòng)（衣食住行、股票等）。時(shí)變數(shù)據(jù)可以看成是由一組按時(shí)間記錄的數(shù)據(jù)。在每個(gè)時(shí)間點(diǎn)的記錄又包含了多條數(shù)據(jù)?！緦?dǎo)讀案例】基于形狀空間投影的時(shí)間序列數(shù)據(jù)可視化探索6個(gè)圈，每個(gè)圈用不同的顏色區(qū)分。有一個(gè)圈的某一部分跟其他的圈不一樣（圖中方框部分），這樣就可以找到心電圖中的異常?！緦?dǎo)讀案例】基于形狀空間投影的時(shí)間序列數(shù)據(jù)可視化探索本章目錄Directory123基本步驟優(yōu)化措施具體實(shí)現(xiàn)1.1順序模型1.2反饋模型1基本步驟1.1循序模型基于BenFry理論的順序模型1.2反饋模型DanielKeim的可視化反饋模型2具體實(shí)現(xiàn)2.1指標(biāo)圖形化2.2指標(biāo)值圖形化2.3指標(biāo)關(guān)系圖形化2.1指標(biāo)圖形化就是用與指標(biāo)含義相近的icon來(lái)表現(xiàn)。

2.2指標(biāo)值圖形化指標(biāo)值就是一個(gè)數(shù)據(jù)，將數(shù)據(jù)的大小以圖形的方式表現(xiàn)。

如用柱形圖的長(zhǎng)度或高度表現(xiàn)數(shù)據(jù)大小，這也是最常用的可視化形式。指標(biāo)圖形化+指標(biāo)值圖形化2.3指標(biāo)關(guān)系圖形化借助已有的場(chǎng)景來(lái)表現(xiàn)指標(biāo)關(guān)系。

3.1墨水比原則3.2優(yōu)化思路3.3容易被忽略的問(wèn)題3.4優(yōu)化測(cè)試3優(yōu)化措施數(shù)據(jù)墨水比原則Part3.13.1數(shù)據(jù)墨水比原則數(shù)據(jù)墨水比（data-inkratio）：一副規(guī)范的圖表其絕大部分筆墨都應(yīng)該用于展示數(shù)據(jù)信息，數(shù)據(jù)筆墨是圖表中不可去除的核心，是用來(lái)展示數(shù)據(jù)信息的非多余的部分。數(shù)據(jù)墨水比=圖表中用于數(shù)據(jù)的墨水量/總墨水量

=圖表中用于數(shù)據(jù)信息顯示的必要墨水比例

=1-可被去除而不損失數(shù)據(jù)信息的墨水比例數(shù)據(jù)墨水比的比值越高，說(shuō)明圖表中越多的視覺(jué)編碼被用于傳遞真正的信息，而不是出現(xiàn)冗余，或者用于描述一些其他的東西。

3.1數(shù)據(jù)墨水比原則提問(wèn)：左圖，右圖遵循了數(shù)據(jù)墨水比原則？數(shù)據(jù)可視化的優(yōu)化思路Part3.2盡量使用成熟的配色，因?yàn)轭伾拿鞫冗^(guò)高或者過(guò)低，都直接影響圖表的專(zhuān)業(yè)程度。

盡量使用辨識(shí)度比較高的字體（如微軟雅黑），避免使用襯線(xiàn)字體、書(shū)法字體。

設(shè)計(jì)規(guī)整平衡的版式，通過(guò)對(duì)比、緊密、重復(fù)、對(duì)齊等排版原則，提升圖表的觀(guān)看體驗(yàn)。

盡量淡化網(wǎng)格線(xiàn)，去除多余的網(wǎng)格線(xiàn)，因?yàn)榫W(wǎng)格線(xiàn)過(guò)多過(guò)密都會(huì)影響主要信息的傳遞效率。3.2優(yōu)化思路——（1）整體改進(jìn)思路縱坐標(biāo)的標(biāo)題，需要橫向排列，避免出現(xiàn)斜向或者旋轉(zhuǎn)的文字，影響圖表的閱讀速度。盡量避免使用3D圖，因?yàn)?D圖表有時(shí)會(huì)造成理解上的偏差，數(shù)據(jù)展示不準(zhǔn)確，可以把3D圖表改為2D圖表。突出圖表想表達(dá)的重點(diǎn)，例如，在標(biāo)題中寫(xiě)明觀(guān)點(diǎn)，可以幫助受眾高效、理解圖表；也可以在圖形上直接標(biāo)注出重點(diǎn)信息，避免受眾猜測(cè)圖表的意思。3.2優(yōu)化思路——（1）整體改進(jìn)思路通過(guò)加粗柱形，使受眾直接接收想傳遞的信息；嚴(yán)格控制顏色數(shù)量，因?yàn)轭伾^(guò)多起不到強(qiáng)調(diào)的作用，反而使圖表過(guò)于花哨；當(dāng)橫坐標(biāo)不是時(shí)間序列時(shí)，按照數(shù)量大小排列柱狀圖，方便受眾；

拒絕斜向的橫坐標(biāo)標(biāo)簽，因?yàn)檫@樣不僅不利于閱讀，也占據(jù)了圖表過(guò)多的版面；簡(jiǎn)化縱坐標(biāo)軸標(biāo)簽，不要出現(xiàn)過(guò)多的零，同時(shí)需要標(biāo)明單位。3.2優(yōu)化思路——（2）柱形圖的改進(jìn)思路直接在折線(xiàn)旁邊標(biāo)出類(lèi)別名稱(chēng)，避免受眾一一對(duì)應(yīng)折線(xiàn)和名稱(chēng)；如果折線(xiàn)過(guò)多，可以拆分成多個(gè)折線(xiàn)圖分開(kāi)展示；折線(xiàn)圖適合表現(xiàn)時(shí)間序列上的趨勢(shì)變化，對(duì)于非時(shí)間類(lèi)別的數(shù)據(jù)，顯示效果并不理想，應(yīng)該盡量避免；合適的場(chǎng)景下可以把線(xiàn)條適當(dāng)加粗，提高數(shù)據(jù)墨水比，幫助受眾加深印象；謹(jǐn)慎使用虛線(xiàn)，因?yàn)樘摼€(xiàn)一般表示預(yù)測(cè)值。3.2優(yōu)化思路——（3）折線(xiàn)圖的改進(jìn)思路控制沒(méi)有意義的顏色，避免圖表過(guò)于花哨；使用同色系的顏色，通過(guò)深淺表現(xiàn)數(shù)據(jù)大小，用不同顏色突出某一數(shù)量；控制扇形的數(shù)量，因?yàn)樯刃螖?shù)量太多影響扇形之間的大小對(duì)比，一般而言，扇形數(shù)量2-7個(gè)為宜；可以按照順時(shí)針?lè)较蜻M(jìn)行大小排序，改善扇形圖顯示效果；避免受眾一一對(duì)應(yīng)扇形與名稱(chēng)，可直接在扇形內(nèi)部標(biāo)上名稱(chēng)。3.2優(yōu)化思路——（4）扇形圖的改進(jìn)思路數(shù)據(jù)可視化的優(yōu)化設(shè)計(jì)內(nèi)容設(shè)計(jì)缺陷Part3.33.3設(shè)計(jì)缺陷UE:UserExperienceRE:

ReaderExperience（1）餅圖顏色區(qū)分不大，且圖例沒(méi)有對(duì)應(yīng)；（2）沒(méi)有標(biāo)明數(shù)值；“你畫(huà)我猜”其實(shí)很辛苦?。?）此處只是示例，不可用ABCD代替具體事務(wù)。3.3設(shè)計(jì)缺陷亂花漸欲迷人眼過(guò)多的顏色和效果！3.3設(shè)計(jì)缺陷月份下行流量1月份1550972月份307363月份443334月份8212345月份2393646月份53334展示每月產(chǎn)品下行短信流量3.3設(shè)計(jì)缺陷數(shù)字應(yīng)靠右，方便比較；超過(guò)萬(wàn)級(jí)，應(yīng)以萬(wàn)為單位，并標(biāo)明單位；數(shù)字格式上統(tǒng)一字體，如果需要突出顯示可用改變字體顏色、單元格底色、加提升框。月份下行流量(單位：萬(wàn)條)1月份15.52月份3.23月份4.44月份82.15月份23.96月份5.33.3設(shè)計(jì)缺陷各行業(yè)客戶(hù)數(shù)量單位：家（1）指標(biāo)軸標(biāo)簽排序如果沒(méi)有實(shí)際意義，則需要按數(shù)據(jù)大小排序。有意義的標(biāo)簽：時(shí)間、大小、級(jí)別、順序等（2）單位為家數(shù)、個(gè)數(shù)，小數(shù)點(diǎn)沒(méi)有意義需要去掉。（3）未顯示全所有bar，調(diào)整刻度最大值。各行業(yè)客戶(hù)數(shù)量單位：家3.3設(shè)計(jì)缺陷單位：萬(wàn)條（1）超過(guò)萬(wàn)級(jí)，應(yīng)以萬(wàn)為單位，并標(biāo)明單位（2）兩個(gè)系列數(shù)據(jù)不在一個(gè)數(shù)量級(jí)應(yīng)分軸顯示3.3設(shè)計(jì)缺陷缺乏對(duì)原始數(shù)據(jù)的匯總編輯，累計(jì)小于5%的類(lèi)別最好給予合并。前提是小概率事件是不重要的。必要時(shí)對(duì)原始數(shù)據(jù)編輯后再作圖3.3設(shè)計(jì)缺陷某業(yè)務(wù)客戶(hù)反映問(wèn)題點(diǎn)信息量過(guò)多，讀者很難快速準(zhǔn)確解讀，降維及分層說(shuō)明的金字塔結(jié)構(gòu)有利于問(wèn)題解讀。必要時(shí)對(duì)原始數(shù)據(jù)編輯后再作圖3.3設(shè)計(jì)缺陷條行圖指標(biāo)軸長(zhǎng)度不統(tǒng)一，造成視覺(jué)上誤導(dǎo)。3.3設(shè)計(jì)缺陷別讓數(shù)據(jù)埋沒(méi)了你的成績(jī)第一直覺(jué)：沒(méi)太多提升第一直覺(jué)：提升明顯3.3設(shè)計(jì)缺陷橫看成嶺側(cè)成峰遠(yuǎn)近高低各不同3.3設(shè)計(jì)缺陷數(shù)據(jù)差異極小，柱形圖幾乎成了整齊的柵欄，圖表作用不明顯。不如直接使用排序的數(shù)據(jù)表格。3.3設(shè)計(jì)缺陷對(duì)于一組或一個(gè)數(shù)字的情況，商業(yè)周刊沒(méi)有使用圖表，而是使用大號(hào)的數(shù)字，這樣的處理同樣令人印象深刻。3.3設(shè)計(jì)缺陷對(duì)于一組或一個(gè)數(shù)字的情況，商業(yè)周刊沒(méi)有使用圖表，而是使用大號(hào)的數(shù)字，這樣的處理同樣令人印象深刻。3.3設(shè)計(jì)缺陷過(guò)于復(fù)雜，結(jié)論是沒(méi)法看3.3設(shè)計(jì)缺陷過(guò)多的圖表類(lèi)型、過(guò)多的圖表顏色和效果。3.3設(shè)計(jì)缺陷（1）錯(cuò)誤圖表，百分比加起來(lái)為100%的圖表，且類(lèi)別小于10個(gè)最好用餅圖；（2）小數(shù)點(diǎn)位數(shù)要統(tǒng)一；（3）坐標(biāo)軸無(wú)需保留小數(shù)點(diǎn)。3.3設(shè)計(jì)缺陷負(fù)值不能用