首页
/
每日頭條
/
科技
/
周報數據分析可視化圖表
周報數據分析可視化圖表
更新时间:2024-10-04 20:26:26

周報數據分析可視化圖表(搞懂數據可視化的五虎将)1

因為接下來要做賣家後台數據縱橫的改版,對數據可視化這塊兒又進行了研究和心得的整理,跟大家分享下數據可視化常用的五種方式,希望能給大家帶來思路的拓展。

概念

借助于圖形化的手段,清晰、快捷有效的傳達與溝通信息。從用戶的角度,數據可視化可以讓用戶快速抓住要點信息,讓關鍵的數據點從人類的眼睛快速通往心靈深處。

數據可視化一般會具備以下幾個特點:準确性、創新性 和 簡潔性。

常用五種可視化方法

下面從最常用和實用的維度總結了如下5種數據可視化方法,讓我們來一一看一下:

一、面積&尺寸可視化

對同一類圖形(例如柱狀、圓環和蜘蛛圖等)的長度、高度或面積加以區别,來清晰的表達不同指标對應的指标值之間的對比。這種方法會讓浏覽者對數據及其之間的對比一目了然。制作這類數據可視化圖形時,要用數學公式計算,來表達準确的尺度和比例。

a: 天貓的店鋪動态評分

天貓店鋪動态評分模塊右側的條狀圖按精确的比例清晰的表達了不同評分用戶的占比。從下圖中我們第一眼就可以強烈的感知到5分動态評分的用戶占絕對的比例。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)2

b: 聯邦預算圖

如下圖,在美國聯邦預算剖面圖裡,用不同高度的貨币流清晰的表達了資金的來源去向,及每一項所占金額的比重。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)3

c: 公司黃頁-企業能力模型蜘蛛圖

如下圖,通過蜘蛛圖的表現,公司綜合實力與同行平均水平的對比便一目了然。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)4

二、顔色可視化

通過顔色的深淺來表達指标值的強弱和大小,是數據可視化設計的常用方法,用戶一眼看上去便可整體的看出哪一部分指标的數據值更突出。

a: 點擊頻次熱力圖

比如下面這張眼球熱力圖,通過顔色的差異,我們可以直觀的看到用戶的關注點。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)5

b: 2013年美國失業率統計

在圖中可以看到,通過對美國地圖以州為單位的劃分,用不同的顔色來代表不同的失業率等級範圍,整個的全美失業率狀況便盡收眼底了。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)6

c: 美國手機用戶城市分布

圖中紅點是用iPhone的人,綠點是用安卓的人。這兩張在微博上看到的圖,第一張是美國一個城市的一覽,第二張圖特寫了紐約的市中心,尤其是曼哈頓地區。我們可以看到在市中心和主幹道的人用iPhone居多,而用安卓的人都在郊區。這也引起了人們的熱議,有的說在美國富人都住郊區别墅,所以富人愛用安卓手機;有的反駁說曼哈頓地區的人幾乎都用iPhone,說明富人喜歡用iPhone手機。不管結論如何,都足以說明用戶都被這些圖所吸引,所以可視化的方式效果真的很直觀。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)7

注:科學家統計了2年裡30億條含有地理數據的twitter推文,根據客戶端總結出來的數據。

想知道數據可視化可以幹嘛嗎?熱門信息圖就是從這裡誕生的!《經驗分享:一幅熱門信息圖誕生的前世今生》

三、圖形可視化

在我們設計指标及數據時,使用有對應實際含義的圖形來結合呈現,會使數據圖表更加生動的被展現,更便于用戶理解圖表要表達的主題。

a: iOS手機及平闆分布

如下圖所示,當展示使用不同類型的手機和平闆用戶占比時,直接用總的蘋果圖形為背景來劃分用戶比例,讓用戶第一眼就可以直觀的看到這些圖是在描述蘋果設備的,直觀而清晰。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)8

b: 人人網用戶的網購調查

下圖可以看出,該數據可視化的設計直接采用男性和女性的圖形,這樣的設計讓分類一目了然。再結合了顔色可視化(左面藍色右面粉色),同時也采用了面積&尺寸可視化,不同的比例用不同長度的條形。這些可視化方法的組合使用,大大加強了數據的可理解性。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)9

四、地域空間可視化

當指标數據要表達的主題跟地域有關聯時,我們一般會選擇用地圖為大背景。這樣用戶可以直觀的了解整體的數據情況,同時也可以根據地理位置快速的定位到某一地區來查看詳細數據。

a: 美國最好喝啤酒的産地分布

下圖中,通過以美國地圖為大背景,清晰的記錄了不同州所産啤酒在1987-2007年間在美國啤酒節中獲得的獎牌累計總數。再輔以顔色可視化的方法,讓用戶清晰的看到美國哪些州更盛産好喝的啤酒。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)10

五、概念可視化

通過将抽象的指标數據轉換成我們熟悉的容易感知的數據時,用戶便更容易理解圖形要表達的意義。

a: 廁所貼士

下圖是廁所裡貼在牆上的節省紙張的環保貼士,用了概念轉換的方法,讓用戶清晰的感受到員工們一年的用紙量之多。如果隻是描述擦手紙的量及堆積可達高度,我們還沒有什麼顯性化概念。但當用戶看到用紙的堆積高度比世界最高建築還高、同時需砍伐500多顆樹時,想必用戶的節省紙張甚至禁用紙張的情懷便油然而生了。所以可見用概念轉換的方法是多麼的重要和有效。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)11

b: Flickr雲存儲空間達1TB的可視化描述

Flickr對雲存儲空間升至1TB确實是讓人開心的事情,但相信很多人對這一數量級所代表的含義并不清晰。所以Flickr在宣傳這一新的升級産品時,采用了概念可視化的方案。從下圖可以看出,用戶可以動态的選擇照片的大小,之後Flickr會采用動态交互的方式計算和顯示出1TB能容納多少張對應大小的圖片。這樣一來,用戶便有了清晰的概念,知道這1TB是什麼量級的容量了。

周報數據分析可視化圖表(搞懂數據可視化的五虎将)12

注意事項

在總結了常見維度的數據可視化方法和範例之後,要再次總體強調下做數據可視化設計時的注意事項,總結了三點如下:

1)設計的方案至少适用于兩個層次:一是能夠整體展示大的圖形輪廓,讓用戶能夠快速的了解圖表所要表達的整體概念;之後再以合适的方式對局部的詳細數據加以呈現(如鼠标hover展示)。

2)做數據可視化時,上述的五個方法經常是混合用的,尤其是做一些複雜圖形和多維度數據的展示時。

3)做出的可視化圖表一定要易于理解,在顯性化的基礎上越美觀越好,切忌華而不實。

總結

作為設計師,除了掌握方法來有針對性的設計之外,還要在平時多留心積累素材,同時培養自己的創造力和專業素養,保持一顆好奇心,才能真正的設計出樣式精美又實用的數據可視化圖表。

文章來源:優設

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
小米手機出現fastboot
小米手機出現fastboot
1、小米手機出現fastboot一般在刷機模式下會這樣顯示,或者刷機出錯時,也可能會導緻出現這個字樣...
2024-10-04
電子防盜門密碼鎖怎麼設置密碼
電子防盜門密碼鎖怎麼設置密碼
1、按一下外面闆底部供電按鍵,連按三次‘*’鍵,蜂鳴器發一長聲;2、輸入老密碼并按‘#’鍵确認,蜂鳴器發一長聲,LED燈閃爍;3、輸入6~12位新密碼并按‘#’鍵确認,蜂鳴器發一長聲;4、再輸入一次同樣的新密碼并按‘#’鍵确認。5、在設置過程中,如輸入有誤,系統退出設置程序;如果輸入正确則蜂鳴器發一...
2024-10-04
電腦太卡了怎麼解決
電腦太卡了怎麼解決
1、首先看你的電腦C盤是否已經儲存滿了,如果滿了的話就要想辦法清理一下。點開電腦上【我的電腦】,然後...
2024-10-04
剪視頻怎麼編輯
剪視頻怎麼編輯
1、點擊電腦左下角“開始”。2、找到“視頻編輯器”軟件,進入軟件。3、新建視頻項目。4、并為視頻命名...
2024-10-04
群頭像在哪裡設置
群頭像在哪裡設置
演示機型:華為P40系統版本:EMUI11APP版本:qq8.6.51、登錄手機QQ賬戶後,單擊想要進行頭像修改的群。2、進入群聊頁面後,單擊右上角的群設置欄。3、将頁面下拉,找到管理群後單擊打開。4、進入管理群頁面後,單擊打開編輯資料。5、進入編輯資料頁面後,點擊群頭像右側的箭頭按鈕。6、進入群頭像設置頁面後,單擊更換頭像。7、在彈出的對話框中選擇從相冊中選擇。8、在彈出的相冊中,選擇喜歡的一張
2024-10-04
Copyright 2023-2024 - www.tftnews.com All Rights Reserved