【2019年整理】數(shù)據(jù)可視化-基本圖表

1、作者：阮一峰"數(shù)據(jù)可視化"可以幫助用戶理解數(shù)據(jù)，一直是熱門(mén)方向。圖表是"數(shù)據(jù)可視化"的常用手段，其中又以基本圖表 -柱狀圖、折線圖、餅圖等 等最為常用。OHLC Chart3D Bar CharlExploded Pie Slice ChartBubble Ch3rtDonut / Half-Ctanut ChartSpJder ChartMuhi Pana ChartArrow ChartArea Chart with ZoomwincJow用戶非常熟悉這些圖表，但如果被問(wèn)道，它們的特點(diǎn)是什么，最適用怎樣的場(chǎng)合（數(shù) 據(jù)集）？恐怕答得上來(lái)的人就不多了。&

2、#187;第一章的筆記，總結(jié)了六本文是電子書(shū) Data Visualization with JavaScript種基本圖表的特點(diǎn)和適用場(chǎng)合，非常好地回答了上面的問(wèn)題。零、序言進(jìn)入正題之前，先糾正一種誤解。有人覺(jué)得，基本圖表太簡(jiǎn)單、太原始，不高端，不大氣，因此追求更復(fù)雜的圖表。但是，越簡(jiǎn)單的圖表，越容易理解，而快速易懂地理解數(shù)據(jù)，不正是"數(shù)據(jù)可視化”的最重要目的和最高追求嗎？所以，請(qǐng)不要小看這些基本圖表。因?yàn)橛脩糇钍煜に鼈?，所以只要是適用的場(chǎng)合， 就應(yīng)該考慮優(yōu)先使用。一、柱圖(Bar Chart )柱狀圖是最常見(jiàn)的圖表，也最容易解讀。Manchester City Wins它的適用場(chǎng)

3、合是二維數(shù)據(jù)集(每個(gè)數(shù)據(jù)點(diǎn)包括兩個(gè)值x和y),但只有一個(gè)維度需要比較。年銷售額就是二維數(shù)據(jù)，"年份"和"銷售額"就是它的兩個(gè)維度，但只需要比較 "銷售額”這一個(gè)維度。柱狀圖利用柱子的高度，反映數(shù)據(jù)的差異。肉眼對(duì)高度差異很敏感，辨識(shí)效果非常 好。柱狀圖的局限在于只適用中小規(guī)模的數(shù)據(jù)集。通常來(lái)說(shuō)，柱狀圖的 X軸是時(shí)間維，用戶習(xí)慣性認(rèn)為存在時(shí)間趨勢(shì)。如果遇到X軸不是時(shí)間維的情況，建議用顏色區(qū)分每根柱子，改變用戶對(duì)時(shí)間趨勢(shì)的關(guān)注。2520151050Premier League Wins (2011-2012)MCIMUNARSTOTNEW上圖是英國(guó)足

4、球聯(lián)賽某個(gè)年度各隊(duì)的贏球場(chǎng)數(shù),X軸代表不同球隊(duì)，Y軸代表贏球二、折線圖(Line Chart )數(shù)據(jù)折線圖適合二維的大數(shù)據(jù)集，尤其是那些趨勢(shì)比單個(gè)數(shù)據(jù)點(diǎn)更重要的場(chǎng)合。1960197019B0199020002010它還適合多個(gè)二維數(shù)據(jù)集的比較。上圖是兩個(gè)二維數(shù)據(jù)集(大氣中二氧化碳濃度，地表平均氣溫)的折線圖。三、餅圖(Pie Chart )餅圖是一種應(yīng)該避免使用的圖表，因?yàn)槿庋蹖?duì)面積大小不敏感。上圖中，左側(cè)餅圖的五個(gè)色塊的面積排序，不容易看出來(lái)。換成柱狀圖，就容易多 了。一般情況下，總是應(yīng)該用柱狀圖替代餅圖。但是有一個(gè)例外，就是反映某個(gè)部分占 整體的比重，比如貧窮人口占總?cè)丝诘陌俜直?。Extr

5、eme Poverty四、散點(diǎn)圖(Scatter Chart )散點(diǎn)圖適用于三維數(shù)據(jù)集，但其中只有兩維需要比較。上圖是各國(guó)的醫(yī)療支出與預(yù)期壽命，三個(gè)維度分別為國(guó)家、醫(yī)療支出、預(yù)期壽命, 只有后兩個(gè)維度需要比較。為了識(shí)別第三維，可以為每個(gè)點(diǎn)加上文字標(biāo)示，或者不同顏色。Life Expectancy vs. Health Care Spending (2010 OECD data)AsiaEuropeMiddle EastPacific Americas United StatesSpending as Percentage of GDP五、氣?U圖(Bubble Chart )氣泡圖是散點(diǎn)圖的一

6、種變體，通過(guò)每個(gè)點(diǎn)的面積大小，反映第三維。Alabama上圖是卡特里娜颶風(fēng)的路徑，三個(gè)維度分別為經(jīng)度、緯度、強(qiáng)度。點(diǎn)的面積越大， 就代表強(qiáng)度越大。因?yàn)橛脩舨簧朴谂袛嗝娣e大小，所以氣泡圖只適用不要求精確辨識(shí)第 三維的場(chǎng)合。如果為氣泡加上不同顏色（或文字標(biāo)簽），氣泡圖就可用來(lái)表達(dá)四維數(shù)據(jù)。比如下 圖就是通過(guò)顏色，表示每個(gè)點(diǎn)的風(fēng)力等級(jí)。Hurricane Katrina 2005: Course and Wind StrengthAlabama iCk, ：t：MontgcnjeryLouisianavan-.r- JAtkionvilloFlorida.TartipASt. PecefsbufgC

7、ategory 1Category 2Category 3 Category 4 Category 5 F( t ii derrt,cMiairj六、雷達(dá)圖（Radar Chart ）雷達(dá)圖適用于多維數(shù)據(jù)（四維以上），且每個(gè)維度必須可以排序（國(guó)籍就不可以排序）。但是，它有一個(gè)局限，就是數(shù)據(jù)點(diǎn)最多6個(gè)，否則無(wú)法辨別，因此適用場(chǎng)合有限。下面是邁阿密熱火隊(duì)首發(fā)的五名籃球選手的數(shù)據(jù)。除了姓名，每個(gè)數(shù)據(jù)點(diǎn)有五個(gè)維 度，分別是得分、籃板、助攻、搶斷、封蓋。PlayerPointsReboundsAssistsStealsBlocksChris Bosh17,2791.6O.B08Shane Battier

8、54之61.21.005LeBron James2B.Q84611908Dwayne Wade223504 5171-3Mario Chalmers10.229361.40.2Team Total93.241319.3S.55.3畫(huà)成雷達(dá)圖，就是下面這樣。2011/12 Miami Heat Starting Lineup - Contribution to Team TotalLeBron James Dwayne Wade Chris Bosh Mario Chalmers Shane BattierReboundsBlocks面積越大的數(shù)據(jù)點(diǎn)，就表示越重要。很顯然，勒布朗詹姆斯（紅色區(qū)域）是熱火隊(duì)最重要的選手。需要注意的時(shí)候，用戶不熟悉雷達(dá)圖，解讀有困難。使用時(shí)盡量加上說(shuō)