玩轉(zhuǎn)可視化|這里有一些小技巧
數(shù)據(jù)可視化實(shí)際上就是為了更好的傳達(dá)信息,透過繁雜的數(shù)據(jù)通過圖表等方式清晰,有效的傳達(dá)信息,且還要注意采用的表達(dá)方式不會(huì)分散用戶的注意。
首先看一下下面這幅圖:
是不是看到這個(gè)圖的時(shí)候一副黑人問號(hào)臉?
這是什么?我是誰?我在哪里?這個(gè)圖想表達(dá)什么?
3D圖像提供的立體感會(huì)讓我們大腦無法清晰的判斷出表達(dá)的含義,線條的厚度產(chǎn)生的陰影等這些不必要的信息我們稱之為圖表垃圾,他們會(huì)干擾我們的大腦對(duì)于數(shù)據(jù)的判斷。
我們換一種方式展現(xiàn):
我們可以清晰的看出各項(xiàng)指標(biāo)的趨勢(shì)。但還是有問題,三條顏色不一的線條是什么?這個(gè)圖想要告訴我們什么信息呢?
上面的例子告訴我們,即使擁有有價(jià)值的數(shù)據(jù),但不能正確的進(jìn)行展示,同樣無法傳達(dá)準(zhǔn)確的信息。
在這里,我們介紹一些在數(shù)據(jù)可視化中的小技巧,讓你的可視化作品更加有價(jià)值。
做好文字標(biāo)注
-對(duì)于可視化結(jié)果,人們更傾向于優(yōu)先閱讀標(biāo)題、文本、標(biāo)簽
遲滯現(xiàn)象:指一系統(tǒng)的狀態(tài)(主要多為物理系統(tǒng)),不僅與當(dāng)下系統(tǒng)的輸入有關(guān),更會(huì)因其過去輸入過程之路徑不同,而有不同的結(jié)果。
觀察下圖,如果讓你直接將這些黑白色塊組織成某個(gè)場景是較為困難的,但如果我告訴你圖中是一只狗在嗅地面,你可能會(huì)很輕易的感知到這個(gè)場景。
因此,在進(jìn)行可視化的時(shí)候,對(duì)于無法直接進(jìn)行的感知的圖表,盡量的做好標(biāo)題、標(biāo)簽等文字說明。
-左上角位置,閱讀效果更佳
盡可能將標(biāo)題置于左上角,并使文字說明盡可能接近對(duì)應(yīng)的可視化結(jié)果。
人類的自然閱讀模式通常都是從上到下,從左到右地閱讀,左上角的位置是瀏覽的最佳位置,置于左上角的內(nèi)容很容易被人一眼看到,將標(biāo)題置于左上角,可以在第一時(shí)間傳達(dá)圖表所傳達(dá)的信息。
排除干擾元素,減輕認(rèn)知負(fù)擔(dān)
在可視化中,人們觀察物體的變化需要集中注意力,因此要在可視化中突出變化,以減輕認(rèn)知負(fù)擔(dān)。
盡可能地?cái)U(kuò)大視覺要素間的差異使她們更加清晰。
盡量少使用雜亂的紋理,它很容易將讀者的注意力轉(zhuǎn)移到紋理(所產(chǎn)生的大量邊緣)上而忽略了視覺要素本身。
在上面的地圖可視化中,右圖在左圖的基礎(chǔ)上增加了一些網(wǎng)格線,這些網(wǎng)格線擾亂了我們的視線,左圖明顯要更為清楚一些。
巧妙使用對(duì)比,突出強(qiáng)調(diào)重點(diǎn)
-高對(duì)比度,區(qū)分不同的區(qū)域
人類視覺系統(tǒng)觀察的是變化,而不是絕對(duì)值,并且容易被邊界吸引,在不同物體間使用高對(duì)比度使得物體更容易被區(qū)分,幫助讀者有層次感的去理解想要表達(dá)的信息。
-使用亮度產(chǎn)生對(duì)比優(yōu)先于“色彩”
在上圖中,需要突出的重點(diǎn)是Ugent,中間的圖利用顏色來進(jìn)行對(duì)比,但感覺有些雜亂,但是能夠看出圖中的線分為了三種類型,最右邊的圖是利用明暗效果來進(jìn)行對(duì)比,你是不是一眼就看到了Ugent,說明這個(gè)對(duì)比是成功的。
在進(jìn)行明暗對(duì)比時(shí),各種顏色搭配的對(duì)比效果:間隔的灰階>連續(xù)的灰階>多種顏色
利用對(duì)比度做的比較好的可視化案例:
-突出重點(diǎn)
讓用戶的視線聚焦在可視化結(jié)果中最重要的部分
提供給用戶有層次的可視化結(jié)果,幫助用戶找到正確的閱讀可視化結(jié)果的方法
顏色的運(yùn)用
-對(duì)小區(qū)域使用明亮飽和的顏色,對(duì)大區(qū)域和背景使用低飽和度和柔和的顏色
以上兩幅圖都是對(duì)同一幅地圖的展示,左邊圖上的色彩較明亮,小區(qū)域是用紅色來表示,雖然實(shí)際較小,卻看起來更大了。一般來說,小區(qū)域的顏色要比大區(qū)域的顏色更難感知,因此在小區(qū)域使用明亮飽和的顏色。
-顏色不宜過多,使用適當(dāng)?shù)念伾?/strong>
圖表中的顏色不宜過多,過多的顏色會(huì)讓人眼花繚亂,分不清重點(diǎn)。
顏色恰到好處的使用會(huì)讓我們的圖表更為吸引人,我們常用相同的顏色表示同一類數(shù)據(jù),而重點(diǎn)可以通過加深顏色等來突出。
-飽和度不宜過高
對(duì)比度太強(qiáng)烈,兩個(gè)飽和度過高的顏色會(huì)給讀者的視覺帶來強(qiáng)烈的不適感。對(duì)于我們的數(shù)據(jù)展示產(chǎn)生較大的干擾。
-明暗搭配,突出重點(diǎn)
從色彩布局來說,如果底色選擇了厚重的深色,那就需要用較亮的顏色搭配,來進(jìn)行一種色彩上的平衡,反之也一樣,這樣做的目的是給人一種視覺上的刺激,除了中間的圖片,我們可以一眼就看到淺色的這部分。
-顏色選擇要有主從
在大片的深色中,放入的淺色則為主色,賓色要服從主色。
-使用過渡色使畫面有美感
以圓心為中點(diǎn),沿半徑向外延伸,漸變色的使用讓整個(gè)畫面呈現(xiàn)出美感。
圖表的正確使用
基本的折線圖、直方圖就不再多說,我們列舉幾個(gè)數(shù)據(jù)分析師常用的圖表
-?;鶊D
桑基圖主要表示信息的變化和流動(dòng)狀態(tài)。
-和弦圖
它是以一種圓形的方式來展現(xiàn)的,在一定程度上顯得更為美觀。
-樹形圖
樹形圖擅長表達(dá)非常多的類目,通過不同色塊來進(jìn)行表示不同類目,不同區(qū)塊大小表示不同的數(shù)值,樹形圖將柱狀圖不擅長的問題成功彌補(bǔ)了。
-箱線圖
箱線圖可以準(zhǔn)確的將數(shù)據(jù)四分位數(shù)、中位數(shù)、最大(小)值表示出來。離散的數(shù)據(jù)都可以用它來描述。
箱子上下兩端代表在75%和25%的值,而中間的線代表中位數(shù)。可以比統(tǒng)計(jì)表格更為直觀的比較數(shù)據(jù)的值。
-散點(diǎn)圖
散點(diǎn)圖可以通過坐標(biāo)軸表示兩個(gè)變量之間的關(guān)系,在統(tǒng)計(jì)中的回歸分析及聚類分析等方面散點(diǎn)圖能更直觀的表現(xiàn)出含義
而散點(diǎn)圖的兄弟氣泡圖則是三個(gè)變量,氣泡圖面積的大小可以進(jìn)行數(shù)據(jù)大小的比較
-詞云圖
根據(jù)詞匯出現(xiàn)的頻率用不同的字體大小,不同的顏色來進(jìn)行比較。更適合用于突出主題