如何七周成為數(shù)據(jù)分析師05:數(shù)據(jù)可視化之打造升職加薪的報表
本文是《如何七周成為數(shù)據(jù)分析師》的第五篇教程,如果想要了解寫作初衷,可以先行閱讀七周指南。溫馨提示:如果您已經(jīng)熟悉數(shù)據(jù)可視化,大可不必再看這篇文章,或只挑選部分。
前一篇文章列舉了常用的分析圖表,今天主要圍繞Excel常用的圖表技巧,以及圖表的設(shè)計規(guī)范展開。相信大家練習(xí)后,圖表設(shè)計能力會從下圖:
進化到:
數(shù)據(jù)分析師應(yīng)該會設(shè)計圖表和報表。這里并不是要求大家像設(shè)計師一樣運用Photoshop等軟件繪制,而是知道數(shù)據(jù)元素如何用圖表更好的表達,將數(shù)據(jù)蘊含的信息展現(xiàn)出來。理解數(shù)據(jù)是分析師的工作,展示數(shù)據(jù)也是分析師的工作。
對于非數(shù)據(jù)分析師的崗位,諸如運營、產(chǎn)品和市場,每天也會接觸大量的報表,日報周報項目報,用好圖表,讓枯燥的數(shù)據(jù)變成豐富的視覺,也是一種幫助。
重新認識圖表
好的數(shù)據(jù)可視化,應(yīng)該設(shè)計和數(shù)據(jù)并存。數(shù)據(jù)分析師拿到很多數(shù)據(jù),把它們像食材般加工成美味佳肴,但是菜色賣相不好,就讓人下不了筷子??梢暬褪菙?shù)據(jù)的色香味,也是溝通和匯報的工具。圖表給自己看,再難看也無所謂,如果需要匯報給領(lǐng)導(dǎo)和同事,美觀和易讀至少需要吧,不然大家怎么了解你的分析成果。
今天的內(nèi)容傾向于報表化圖表的制作,好的圖表應(yīng)該有以下幾個要素:
可讀性
圖表的首要功能是解釋,而不是設(shè)計,尤其大部分圖表都會落入到過度設(shè)計的陷阱。
圖表設(shè)計,首先應(yīng)該是沒有設(shè)計
上圖是Excel老版本的默認模板,連直男也無法忍受的酷炫3D漸變陰影風(fēng)。想當(dāng)年小鮮肉的我也為此目眩神迷,給翠花完成PPT作業(yè)都是用得這類設(shè)計……然后就沒有然后了。
當(dāng)我們使用這類圖表,反問一句,這些設(shè)計有必要么?我們只需要用到柱形圖的對比,那么陰影用來干什么?漸變用來干什么?背景黑色用來干什么?
這些元素對我們解讀數(shù)據(jù)沒有任何幫助,甚至?xí)璧K讀者閱讀數(shù)據(jù)。
其次,好的圖表要能解釋數(shù)據(jù),不同圖表有不同的使用方法,如果我要觀察銷售額的增長,我就不應(yīng)該用餅圖。如果數(shù)據(jù)量過少,就不應(yīng)該使用散點圖。圖表使用可以看《如何七周成為數(shù)據(jù)分析師04:數(shù)據(jù)可視化之經(jīng)典圖表合集》。
精準性
為了使數(shù)據(jù)的解讀不失真,數(shù)據(jù)應(yīng)要求精確到小數(shù)位。12.5比12好,尤其在對比數(shù)據(jù)的情況下。數(shù)據(jù)若再近一步精確,對解讀的意義就不大,反而對解讀者進行干擾。
另外一種情況是單位換算造成的數(shù)據(jù)失真。例如3145米換算成3.1公里等,雖然是小細節(jié),但不要出現(xiàn)某餅圖的各比例相加不等于100%的案例。
客觀性
數(shù)據(jù)的解讀因為每個人的觀點和視角不同,可以呈現(xiàn)諸多的結(jié)果。這也是我們常說統(tǒng)計學(xué)會撒謊的原因。
有經(jīng)驗的數(shù)據(jù)分析師甚至能夠引導(dǎo)分析的結(jié)果。
下圖是一張銷售額柱形圖,看來銷售額沒有啥特大變化嘛。
我們換另外一種圖表展示。就看到了變化的增長趨勢。
實際上兩張圖表的數(shù)據(jù)沒有任何差異,為什么呢?區(qū)別只在坐標(biāo)軸。第一張圖的Y坐標(biāo)軸起始為0,第二張圖起始是2.45。第二張是截取了部分的柱形圖。
只是隨便動動手腳,數(shù)據(jù)表達就那么大差異,看來數(shù)據(jù)分析師也可以是陰險角色啊。其他方法還有銷售額細分??匆幌虏煌貐^(qū)的增長,如果某幾個地區(qū)的增長好,就單獨拎出來作圖,美其名曰抽樣。
統(tǒng)一性
統(tǒng)一是規(guī)范和約束圖表,當(dāng)圖表過多時,一個統(tǒng)一標(biāo)準不會讓人眼花撩亂。
如果圖表整體顏色是冷色調(diào),那么就不要再加入暖色。
如果圖表文字是雅黑,就不要再加入宋體。
如果某地區(qū)數(shù)據(jù),用了柱形圖對比,其他地區(qū)也遵循柱形圖樣式。
如果某圖表,女性使用紅色,男性使用藍色,那么這一規(guī)范應(yīng)該在所有圖表體現(xiàn)。除了顏色,其他設(shè)計元素同理。
如果有多張圖表,圖表元素應(yīng)該統(tǒng)一,如標(biāo)題、坐標(biāo)軸刻度、坐標(biāo)軸位置等。
統(tǒng)一性是為了可讀性服務(wù)的,如果圖表樣式混亂,解讀者會非常困惑。你做一份男女差異的數(shù)據(jù)報告,前面男性數(shù)據(jù)都用藍色表示,突然換個粉色誰會受得了?
后文的教程,都會遵循以上要素進行設(shè)計。
如何設(shè)計
好的配色決定了圖表整體美觀上限,一般只選取兩到三種顏色加黑灰白。過多的顏色無法聚焦于圖表本身,會讓圖表變得像瑪麗蘇。
配色屬于設(shè)計領(lǐng)域的技能,分析師就不要學(xué)怎么搭配輔色對比色了。直接借助Adobe Color網(wǎng)站的色彩主題選取顏色。
第一個配色方案不錯,高貴冷艷的商務(wù)風(fēng)。后續(xù)圖表我們均用此配色方案,下面是十六制顏色編號:
404B4F
82DFFF
CEF2FF
416F7F
A5C2CC
利用rand( ) 函數(shù)隨機生成示范數(shù)據(jù),生成一張默認的柱形圖。
比起酷炫3D漸變陰影風(fēng),Excel2016的默認圖表更易讓人接受,這張圖表在設(shè)計方面其實已經(jīng)合格。不過男同胞若要為姑娘們的PPT和Excel排憂解難,我們得再深入設(shè)計。
首先將數(shù)據(jù)和圖表分離在兩張sheet。
新sheet背景涂成灰色,記住是灰色?;疑且环N中立的顏色,它和任何顏色結(jié)合都不會顯得突兀。
接下來就是砍砍砍時間,我們將圖表上所有與數(shù)據(jù)表達無關(guān)的元素全部刪除:銷售額標(biāo)題移除、背景色設(shè)置為透明,柱形圖顏色調(diào)整為配色方案。
很多人會疑問,為什么連標(biāo)題、背景色都要刪除。它和word的原理近似:設(shè)計樣式和內(nèi)容分離。圖表只需要聚焦于數(shù)據(jù)表達本身。標(biāo)題可以通過Excel的單元格添加,別用圖表的元素。
對第一列單元格顏色填充,拉高,開頭空兩格,輸入配色文字。
此時標(biāo)題的設(shè)計比圖表自帶標(biāo)題不知道好看到哪里去了。旁邊的單元格可以配上文字注釋,輔助閱讀者理解。設(shè)計的核心思路是通過單元格完善圖表,圖表只專注數(shù)據(jù)元素。
更優(yōu)秀的報表,會加入重點數(shù)據(jù),引入更多圖表,用顏色劃分區(qū)塊,每一區(qū)塊對應(yīng)相應(yīng)的數(shù)據(jù)內(nèi)容,使之具有Dashboard的雛形。
因為時間有限,就不更多展開了(上海我直接復(fù)制的)。熟練后制作這樣的報表大約只要5分鐘,但是報表整體會直觀不少,隱性價值高(老板也會喜歡)。多補充一點,如果設(shè)計過程中圖表大小位置因為單元格一直變化。可以在選項中選擇固定大小和固定位置,方便設(shè)計。
PPT和Excel是通用的,以上設(shè)計方法也適用在PPT中,相信大家已經(jīng)了解怎么設(shè)計出商務(wù)范的報表。大家可以參考Excel2016的默認模板,都是出彩的設(shè)計。
我希望大家看到這里,能了解Excel圖表和報表的設(shè)計原理,但日后不要陷入一味追求美觀的道路。圖表是最終結(jié)果的呈現(xiàn),作為報告讓它美觀無可厚非,但是在分析過程中,馬馬虎虎也就得了,畢竟自己看。在我的工作場景中,除了有需要,我也不會專門設(shè)計這類報表。
另外悄悄告訴大家,不要展示太牛逼的圖表設(shè)計技巧,不然以后老板都會讓你設(shè)計的……
ok,了解完圖表和報表設(shè)計,接下來講解中高級技巧。
復(fù)合圖表
復(fù)合圖表和次坐標(biāo)軸堪稱圖表屆的vlookup。它能給圖表添加更豐富的視覺表達。
前文中我增加了利潤數(shù)據(jù),現(xiàn)在我們需要計算利潤的變化趨勢。因為利潤和銷售額不是同一個維度,再用柱形圖不合適,此時可以用折線圖。
點“選擇數(shù)據(jù)”,添加利潤,Y軸選取利潤所在數(shù)據(jù)區(qū)域。
這時候橙色就是利潤。我們點擊橙色柱形圖,右鍵更改圖表類型為折線圖。
更改配色,雖然橙色也挺好看的,但為了統(tǒng)一性嘛。線條改為平滑。
利潤和銷售額的數(shù)值在同一個度量范圍,可以共用坐標(biāo)軸。如果利潤數(shù)值過小,比如零點幾,或者30%這種比例,那么在圖表上會近似一條平緩的直線,視覺表達欠佳。本圖的數(shù)據(jù)類型我不建議用次坐標(biāo)軸。下圖僅是舉例。
點擊折線圖,選擇坐標(biāo)軸系列選項,點次坐標(biāo)軸??梢钥吹綀D表兩邊都出現(xiàn)了坐標(biāo)刻度。左邊是利潤刻度,右邊是銷售額刻度,但在不做說明的情況下閱讀者根本不會了解。為了可讀性,需要額外的增加元素說明。這又無形中增加了設(shè)計復(fù)雜度。所以圖表的元素取舍有多方面的考慮因素。
輔助列
如果復(fù)合圖表及次坐標(biāo)軸堪稱圖表屆的vlookup,那么輔助列就是圖表的數(shù)據(jù)透視表。
在我之前的文章《Excel技巧:如何繪制一份優(yōu)秀的甘特圖(項目管理)》,里面甘特圖的繪制借助了輔助列。
這里講解如何利用輔助列繪制漏斗圖。
下圖是牛逼逼有限公司電商APP的銷售流程轉(zhuǎn)化,每一行代表用戶操作類型和對應(yīng)達成的用戶數(shù)。
漏斗圖的本質(zhì)是堆積條形圖。我們增加兩個輔助列,計算方式為(最大用戶數(shù)-當(dāng)前用戶數(shù))/2。
將列順序更改為輔助列1,用戶數(shù),輔助列2的排序。然后新建圖表為橫向堆積條形圖。相信在這里大家已經(jīng)看出輔助列的作用了。
形狀出來了,接下來我們還需要幾步操作。點擊Y軸,選擇設(shè)置坐標(biāo)軸格式,逆序類別上打上勾。
圖表成功翻轉(zhuǎn),將左右兩邊的條形圖顏色設(shè)置為無。對圖表元素砍砍砍,只保留核心元素。
接下來我們將圖表放到報表上,進行適當(dāng)?shù)难b飾,搞定
輔助線/誤差線
輔助線和輔助列不一樣,輔助線是圖表附加的元素。輔助線能繪制高級圖表。
甘特圖在項目管理中用來統(tǒng)籌時間進度。如果我需要在現(xiàn)有的圖表基礎(chǔ)上增加原計劃實際計劃,應(yīng)該怎么做?下圖是牛逼逼公司在其APP上準備的雙十二促銷活動計劃表。如何直觀的用甘特圖表示活動進度?
先增加一列輔助列。該列輔助列用于后續(xù)定位。數(shù)值等值增加即可。
選擇計劃開始時間和輔助列,插入圖表,帶折線的散點圖(只選數(shù)字即可,不要選自段名)。
現(xiàn)在看不出這是甘特圖,不要緊,對Y軸進行逆序排列。點擊圖表的添加元素,增加誤差線-標(biāo)準誤差,誤差線就是我們的輔助線。
誤差線是高級圖表經(jīng)常用到的功能,箱線圖、標(biāo)靶圖/子彈圖都能用誤差線做出來。下圖十字狀的線條就是誤差線。
選擇橫向的水平誤差線,點擊設(shè)置格式,方向正誤差,無線端,誤差值自定義,選擇計劃使用時間這一列。
刪除垂直誤差線,對誤差線線條加粗,設(shè)置顏色?,F(xiàn)在有一點甘特圖的樣子了。
點擊圖表選擇數(shù)據(jù),新增加一個系列,數(shù)據(jù)源選擇實際開始時間和輔助列(在最開始建立散點圖時,其實可以一并選擇的)。
點擊橙色這條線,重復(fù)誤差線的建立。在誤差線自定義值時,不要選擇計劃使用時間,而是實際完成時間。設(shè)置線條顏色的時候,用另外一種顏色和樣式,以便區(qū)分。
將橙色和藍色填充為無,移除無用的設(shè)計元素。我們把甘特圖放到報表中。
因為時間關(guān)系,甘特圖還是缺漏部分說明元素的。大家有興趣可以自己優(yōu)化。
誤差線是一種高級用法,在高級的可視化分析中我們會用誤差線進行統(tǒng)計型的分析,后續(xù)的章節(jié)內(nèi)容中會再次學(xué)習(xí)。
最終這幅報表就是成果,不知道大家有沒有掌握。其實Excel還有更強大的功能,比如切片,比如動態(tài)圖表,比如各插件,通過一系列的組合可以做出半自動報表,像財務(wù)報表、咨詢公司報表,都有各自的風(fēng)格,大家可以網(wǎng)上查詢學(xué)習(xí)。
下節(jié)課將教大家BI,繪制真正的Dashboard。如果大家的工作涉及到很多excel和分析,那么你會上升到新的臺階。下圖是范例。
相關(guān)閱讀
互聯(lián)網(wǎng)數(shù)據(jù)分析能力的養(yǎng)成,需一份七周的提綱
如何七周成為數(shù)據(jù)分析師01:常見的Excel函數(shù)全部涵蓋在這里了
如何七周成為數(shù)據(jù)分析師02:Excel技巧大揭秘
如何七周成為數(shù)據(jù)分析師03:手把手教你Excel實戰(zhàn)
如何七周成為數(shù)據(jù)分析師:Excel技巧之甘特圖繪制(項目管理)
如何七周成為數(shù)據(jù)分析師:Excel技巧之打造多級菜單
如何七周成為數(shù)據(jù)分析師04:數(shù)據(jù)可視化之經(jīng)典圖表合集
#專欄作家#
秦路,微信公眾號ID:tracykanc,人人都是產(chǎn)品經(jīng)理專欄作家。
本文由 @秦路?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自PEXELS,基于CC0協(xié)議
柱形圖旁邊的數(shù)據(jù)是怎樣插入進去的呀
添加誤差線 為什么沒有水平的呢? ?
我的線形圖也沒有水平誤差,換成散點圖就有了。在散點圖上做水平誤差;然后新加一個系列,數(shù)值和之前的一樣,用線形圖顯示。這樣線條和水平誤差就都有了。
忽略上一回復(fù)。直接選擇scatter with smooth line類型的圖表即可。
大神