本文是閱讀Stephen A. Thomas的數(shù)據(jù)可視化的書Data Visualization with JavaScript的摘要和心得體會胶逢。感謝阮一峰老師blog在阮一峰老師的Blog總能發(fā)現(xiàn)一些好東西戈次。
一提到數(shù)據(jù)可視化例诀，我們就會想到絢麗的圖表蝴光，精巧的動畫俊嗽。如果我們沒有很強(qiáng)的藝術(shù)功底墨辛，難道就做不好數(shù)據(jù)可視化了嗎？數(shù)據(jù)可視化的目的說到底是什么呢癣防？是幫助用戶理解數(shù)據(jù)蜗巧，如果簡單的圖表能達(dá)到這樣的目的，那么它就是一個好的數(shù)據(jù)可視化解決案例劣砍。下邊讓我們來看看這些基本的圖表惧蛹。
柵格圖（Bar Chart）
當(dāng)你想要選擇一個圖表來表示數(shù)據(jù)時候，首先應(yīng)該考慮下柵格圖是不是合適刑枝。因為它夠簡單香嗓。柵格圖用它的高度來表示數(shù)據(jù)之間的差異。用戶很容易觀察装畅。柵格圖合適表示少量的二維數(shù)據(jù)以及數(shù)據(jù)在一個維度上變化這樣的使用場景
線圖(Line chart):
對于少量的數(shù)據(jù)靠娱，使用柵格圖可以很好的解決問題，但是如果數(shù)據(jù)量一大掠兄，同時用戶關(guān)心的是數(shù)據(jù)的變化趨勢像云，那么線圖可能是另外的一種更好的選擇了。同時如果蚂夕，我們想知道多個數(shù)據(jù)量在一個坐標(biāo)系下的變化迅诬，以及相互直接的關(guān)系。那么使用線圖婿牍，應(yīng)該是一個很好的選擇侈贷。
餅圖（Pie Chart）：
上邊說的都是直角坐標(biāo)系的圖形，下邊來說說極坐標(biāo)系下的圖形等脂。正可視化家族內(nèi)俏蛮，餅圖似乎并不受人待見，為什么呢上遥？因為它并不直觀搏屑，看看下邊的例子：
你能清楚的告訴我，這里那個顏色的表示的數(shù)值關(guān)系嗎粉楚？應(yīng)該很難一眼看出來吧辣恋。但是如果轉(zhuǎn)換為柵格圖，我們再來看看模软。
是不是一眼就能看出誰大誰小呢伟骨？這是為什們呢？這是因為人眼對于區(qū)域面積很難進(jìn)行比較撵摆，尤其是當(dāng)這些區(qū)域還是非矩形的底靠。所以對于小量的數(shù)據(jù)害晦，如何你的目的是比較多個值特铝，那么還是考慮下柵格圖吧暑中。難道餅圖就是英雄無用武之地嗎？也不是當(dāng)鲫剿，要表示一個數(shù)與整體之間的關(guān)系時鳄逾，這時餅圖就派上用場了×榱看看下面的這個例子雕凹。
這個餅圖表現(xiàn)的是，世界貧困人口（每日生活費(fèi)少于1.25刀）的比例政冻，但表示一個值與總體比例關(guān)系的時候枚抵，用餅圖是個最好的選擇。
散點圖（scatter chart）
利用柵格圖明场，我們可以很好的表示出一個數(shù)據(jù)量的大小關(guān)系汽摹。但是在現(xiàn)實的問題中，往往情況更加的復(fù)雜苦锨，如果我們想要在一張圖中表示兩個數(shù)據(jù)量的大小關(guān)系逼泣，應(yīng)該怎么辦呢，這個時候舟舒，散點圖會是一個比較好的選擇了拉庶。
在一張圖中，表示了兩個數(shù)據(jù)量（國家平均年齡秃励，國家的醫(yī)療投入）氏仗，同時也可以看出這兩個量值的相關(guān)關(guān)系。
氣泡圖（Bubble chart）
氣泡圖可以視為是散點圖的變形莺治。如果我們想表示更多的數(shù)據(jù)量（三個）廓鞠，那么在散點圖的基礎(chǔ)上，如果將第三個數(shù)據(jù)量用點的大小來表示谣旁，那么這時散點圖就變?yōu)榱藲馀輬D床佳。下圖就表示颶風(fēng)的進(jìn)程（經(jīng)度，維度）以及風(fēng)力大虚蟆（第三個數(shù)據(jù)量）砌们。
雷達(dá)圖（radar chart）：
雷達(dá)圖與以上的圖形相比，相對少見些搁进。但是如果一個數(shù)據(jù)有多個維度（超過4個）浪感，那么用雷達(dá)圖來表示會比較合適，如果你的數(shù)據(jù)有以下幾個特點饼问，那么可以考慮使用雷達(dá)圖：
? ? *要表示的數(shù)據(jù)量不大影兽，一般來說小于7個。
? ? *要表示的數(shù)據(jù)有多個維度莱革，一般來說多于4個以上峻堰，如果少于4個考慮可以使用其他類型的圖表讹开。
? ? *每一個維度都是可以被度量的。
一個典型的例子就是衡量一個NBA球隊里球員的表現(xiàn)捐名。在這個例子他的數(shù)據(jù)量不大（5名隊員）旦万，每個隊員的表現(xiàn)有多個維度（得分，助攻镶蹋，籃板成艘，斷球，蓋火鍋）贺归。這些維度都是可以被量化淆两，度量的。
那么這樣的數(shù)據(jù)用雷達(dá)圖可以很好的進(jìn)行表示拂酣。
