Repost:超全面!一份詳盡實用的信息可視化繪制指南

編者按:今天這篇文章不僅介紹了6種常見可視化圖表的類型,包括每種圖表的適用場景和優(yōu)劣勢分析,而且附上了10個簡單好用的數(shù)據(jù)可視化使用小貼士和制作信息可視化的5個流程,特別實用,一起來學(xué)習(xí)。

我們常常迷失在數(shù)據(jù)中,紛繁復(fù)雜的數(shù)據(jù)讓我們無所適從??梢暬鳛榻鉀Q這問題的有效手段,通過視覺的方式讓數(shù)字易于理解。

數(shù)據(jù)可視化和信息可視化都是可視化的一種方式,數(shù)據(jù)可視化將數(shù)據(jù)庫中每一個數(shù)據(jù)項作為單個圖元元素表示,大量的數(shù)據(jù)集構(gòu)成數(shù)據(jù)圖像,同時將數(shù)據(jù)的各個屬性值以多維數(shù)據(jù)的形式表示,可以從不同的維度觀察數(shù)據(jù),從而對數(shù)據(jù)進(jìn)行更深入的觀察和分析。

信息可視化,旨在把數(shù)據(jù)資料以視覺化的方式表現(xiàn)出。信息可視化是一種將數(shù)據(jù)與設(shè)計結(jié)合起來的圖片,有利于個人或組織簡短有效地向受眾傳播信息的數(shù)據(jù)表現(xiàn)形式。

本文梳理了可視化相關(guān)內(nèi)容,并且根據(jù)數(shù)據(jù)平臺組同仁們在可視化項目過程中使用經(jīng)驗,總結(jié)一些可視化使用注意事項,與大家分享。

數(shù)據(jù)可視化的圖表類型簡介

數(shù)據(jù)可視化有很多既定的圖表類型,下面我們分別來談?wù)勥@些圖表類型,他們的適用場景,以及使用的優(yōu)勢和劣勢。

1. 柱狀圖

適用場景:它的適用場合是二維數(shù)據(jù)集(每個數(shù)據(jù)點包括兩個值x和y),但只有一個維度需要比較。

優(yōu)勢:柱狀圖利用柱子的高度,反映數(shù)據(jù)的差異。肉眼對高度差異很敏感,辨識效果非常好。

劣勢:柱狀圖的局限在于只適用中小規(guī)模的數(shù)據(jù)集。

2. 折線圖

適用場景: 折線圖適合二維的大數(shù)據(jù)集,尤其是那些趨勢比單個數(shù)據(jù)點更重要的場合。它還適合多個二維數(shù)據(jù)集的比較。

優(yōu)勢:容易反應(yīng)出數(shù)據(jù)變化的趨勢。

3. 餅圖

適用場景:適用簡單的占比圖,在不要求數(shù)據(jù)精細(xì)的情況下可以適用。

劣勢:餅圖是一種應(yīng)該避免使用的圖表,因為肉眼對面積大小不敏感。

4. 漏斗圖

適用場景:漏斗圖適用于業(yè)務(wù)流程比較規(guī)范、周期長、環(huán)節(jié)多的流程分析,通過漏斗各環(huán)節(jié)業(yè)務(wù)數(shù)據(jù)的比較,能夠直觀地發(fā)現(xiàn)和說明問題所在。

優(yōu)勢:能夠直觀地發(fā)現(xiàn)和說明問題所在。在網(wǎng)站分析中,通常用于轉(zhuǎn)化率比較,它不僅能展示用戶從進(jìn)入網(wǎng)站到實現(xiàn)購買的最終轉(zhuǎn)化率,還可以展示每個步驟的轉(zhuǎn)化率。

劣勢:單一漏斗圖無法評價網(wǎng)站某個關(guān)鍵流程中各步驟轉(zhuǎn)化率的好壞。

5. 地圖

適用場景:適用于有空間位置的數(shù)據(jù)集。

優(yōu)劣勢:特殊狀況下使用。

6. 雷達(dá)圖

適用場景:雷達(dá)圖適用于多維數(shù)據(jù)(四維以上),且每個維度必須可以排序。但是,它有一個局限,就是數(shù)據(jù)點最多6個,否則無法辨別,因此適用場合有限。

劣勢:需要注意的時候,用戶不熟悉雷達(dá)圖,解讀有困難。使用時盡量加上說明,減輕解讀負(fù)擔(dān)。

數(shù)據(jù)可視化使用小貼士

1. 餅圖順序不當(dāng):

(最好的做法是將份額最大的那部分放在12點方向,順時針放置第二大份額的部分,以此類推。)

2. 在線狀圖中使用虛線

(虛線會讓人分心,用實線搭配合適的顏色更容易區(qū)分。)

3. 數(shù)據(jù)被遮蓋

(確保數(shù)據(jù)不會因為設(shè)計而丟失或被覆蓋。例如在面積圖中使用透明效果來確保用戶可以看到全部數(shù)據(jù)。)

4. 耗費用戶更多的精力

(通過輔助的圖形元素來使數(shù)據(jù)更易于理解,比如在散點圖中增加趨勢線。)

5. 柱狀過寬或過窄

(經(jīng)過調(diào)研,柱子的間隔最好調(diào)整為寬的1/2。)

6. 數(shù)據(jù)對比困難

(選擇合適的圖表,讓數(shù)據(jù)對比更明顯直接。上圖的數(shù)據(jù)作用是為了比較,顯然,柱狀圖比餅圖在視覺上更易于比較。)

7. 錯誤呈現(xiàn)數(shù)據(jù)

(確保任何呈現(xiàn)都是準(zhǔn)確的,比如,上圖氣泡圖的面積大小應(yīng)該跟數(shù)值一樣。)

8. 不要過分設(shè)計

(清楚標(biāo)明各個圖形表示的數(shù)據(jù),避免用與主要數(shù)據(jù)不相關(guān)的顏色,形狀干擾視覺。)

9. 數(shù)據(jù)沒有很好歸類,沒有重點區(qū)分

(將同類數(shù)據(jù)歸類,簡化色彩,幫助用戶更快理解數(shù)據(jù)。上圖的第一張沒有屬于同類型手機(jī)中不同系統(tǒng)進(jìn)行顏色上的歸類,從而減少了比較的作用。下圖就通過藍(lán)色系很好的把iPhone,Android,WP版歸為一類,很好的與iPad版,其他比較。)

10. 誤導(dǎo)用戶的圖表

(要客觀反映真實數(shù)據(jù),縱坐標(biāo)不能被截斷,否則視覺感受和實際數(shù)據(jù)相差很大。左圖的數(shù)據(jù)起始點被截斷從50開始。)

信息可視化案例

信息可視化囊括了數(shù)據(jù)可視化,信息圖形,知識可視化,科學(xué)可視化,以及視覺設(shè)計方面的所有發(fā)展與進(jìn)步。下面是信息可視化的案例分享。

(上圖為關(guān)系網(wǎng)——基于60000封電子郵件存檔數(shù)據(jù),用不同顏色深度的線條呈現(xiàn)了地址簿中用戶和個體之間的關(guān)系,比如回復(fù)、發(fā)送、抄送。)

(上圖通過數(shù)據(jù)化的比較,用變形的柱狀圖等圖形,形象的展示了不同國家老師的收入水平,社會包括學(xué)生和公眾對其的尊重度。)

如何制作信息可視化?

第一步:確定表意正確明確信息圖表達(dá)內(nèi)容,確定最主要的表現(xiàn)內(nèi)容。

第二步:優(yōu)化展現(xiàn)形式內(nèi)容正確還不夠,還要易懂。我們需要在這個步驟里尋找信息圖最優(yōu)表現(xiàn)形式,讓讀者 一目了然,降低理解難度。

第三步:探索視覺風(fēng)格在探索視覺風(fēng)格時要注意抓大放小,先定下來最主要模塊的風(fēng)格,再做延展。

第四步:完善細(xì)節(jié)視覺風(fēng)格確定后,可根據(jù)需要添加、完善細(xì)節(jié)。

第五步:風(fēng)格延展“一致”的視覺設(shè)定有助于用戶理解,也能更好的提升品牌形象。所以主風(fēng)格確定后,我們需要把它延展到其它有需要的頁面上。

以上是分享了數(shù)據(jù)可視化和信息可視化相關(guān)內(nèi)容,不過信息可視化和數(shù)據(jù)可視化是兩個容易混淆的概念,基于數(shù)據(jù)生成的數(shù)據(jù)可視化和信息可視化這兩者在現(xiàn)實應(yīng)用中非常接近,并且有時能夠互相替換使用。但是這兩者其實是不同的,數(shù)據(jù)可視化是指那些用程序生成的圖形圖像,這個程序可以被應(yīng)用到很多不同的數(shù)據(jù)上。

信息可視化是指為某一數(shù)據(jù)定制的圖形圖像,它往往是設(shè)計者手工定制的,只能應(yīng)用在那個數(shù)據(jù)中。信息可視化的代表特征:具體化的,自解釋性的和獨立的。為了滿足這些特征,這個圖是需要手工定制的。 并沒有任何一個可視化程序能夠基于任一數(shù)據(jù)生成這樣具體化的圖片并在上面標(biāo)注所有的解釋性文字。

數(shù)據(jù)可視化則是普適的,比如平行坐標(biāo)圖并不因為數(shù)據(jù)的不同而改變自己的可視化設(shè)計。可視化的強(qiáng)大的普適性能夠使用戶快速應(yīng)用某種可視化技術(shù)在一些新的數(shù)據(jù)上,并且通過可視化結(jié)果圖像理解新數(shù)據(jù),與針對已知特定數(shù)據(jù)進(jìn)行信息可視化設(shè)計繪制相比,用戶更像是通過對數(shù)據(jù)進(jìn)行可視化的應(yīng)用來學(xué)習(xí)和挖掘數(shù)據(jù),而普適性的數(shù)據(jù)可視化技術(shù)本身并沒有解釋數(shù)據(jù)的功能。

(感謝數(shù)據(jù)平臺組同仁們對此文章的貢獻(xiàn),感謝魏茜璐的視覺配圖。)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,001評論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,786評論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,986評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,204評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,964評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,354評論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,410評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,554評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,106評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,918評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,093評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,648評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,342評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,755評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,009評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,839評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,107評論 2 375

推薦閱讀更多精彩內(nèi)容