0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

60種可視化圖表制作工具和使用場景

數(shù)據(jù)分析與開發(fā) ? 來源:大數(shù)據(jù)分析和人工智能 ? 作者:大數(shù)據(jù)分析和人工 ? 2021-01-18 17:55 ? 次閱讀

可視化圖表種類如此之多,什么場景下應(yīng)該用什么圖表展示,是一個讓人頭禿的難題。

數(shù)據(jù)可視化的愛好者Severino Ribecca,他在自己的網(wǎng)站上收錄了 60 種可視化圖表樣式以及它們分別適用于什么樣的場景,并且推薦了相應(yīng)的制作工具。

值得一看。

點陣圖

b3ac91e6-584b-11eb-8b86-12bb97331649.png

點陣圖表 (Dot Matrix Chart) 以點為單位顯示離散數(shù)據(jù),每種顏色的點表示一個特定類別,并以矩陣形式組合在一起。

適合用來快速檢視數(shù)據(jù)集中不同類別的分布和比例,并與其他數(shù)據(jù)集的分布和比例進行比較,讓人更容易找出當中模式。

點數(shù)圖

b3e94582-584b-11eb-8b86-12bb97331649.png

點數(shù)圖 (Point & Figure Charts)也稱為「P&F 圖」,使用由 X 和 O 符號組成的一系列方格來顯示特定資產(chǎn)的供需關(guān)系。

這種圖表與時間無直接關(guān)系,主要集中看資產(chǎn)的過濾價格表現(xiàn);它也不會顯示交易量,其目的只是顯示任何供需關(guān)系上的變化,稱為「突破」(breakouts)。

推薦制作的工具有:rpnf。

弧線圖

b408b660-584b-11eb-8b86-12bb97331649.png

弧線圖 (Arc Diagram) 是二維雙軸圖表以外另一種數(shù)據(jù)表達方式。在弧線圖中,節(jié)點將沿著 X軸放置,然后再利用弧線表示節(jié)點與節(jié)點之間的連接關(guān)系。

弧線圖適合用來查找數(shù)據(jù)共同出現(xiàn)的情況。但缺點是:不能如其他雙軸圖表般清楚顯示節(jié)點之間的結(jié)構(gòu)和連接,而且過多連接也會使圖表難于閱讀。

推薦的制作工具有:Protovis (編程語言)、D3 (編程語言)。

折線圖

b44a82f2-584b-11eb-8b86-12bb97331649.png

折線圖用于在連續(xù)間隔或時間跨度上顯示定量數(shù)值,最常用來顯示趨勢和關(guān)系。

此外,折線圖也能給出某時間段內(nèi)的「整體概覽」,看看數(shù)據(jù)在這段時間內(nèi)的發(fā)展情況。

推薦的制作工具有:MS Excel、Apple Numbers、D3、DataHero、Datamatic、Datawrapper、Envision.js、Google Charts、Google Docs、Infogr.am、OnlineChartTool.com、SlemmaVega。

平行坐標圖

b46bdaec-584b-11eb-8b86-12bb97331649.png

平行坐標圖 (Parallel Coordinates Plots) 能顯示多變量的數(shù)值數(shù)據(jù),最適合用來比較同一時間的多個變量,并展示它們之間的關(guān)系。

當數(shù)據(jù)密集時,平行坐標圖容易變得混亂、難以辨認。解決辦法是通過互動技術(shù),突出顯示所選定的一條或多條線,同時淡化所有其他線條,讓我們能更集中研究感興趣的部分,并濾除干擾數(shù)據(jù)。

推薦的制作工具有:D3、Protovis、RAWGraphs、The R Graph Gallery、Vega。

網(wǎng)絡(luò)

b489d6c8-584b-11eb-8b86-12bb97331649.png

也稱為「網(wǎng)絡(luò)地圖」或「節(jié)點鏈路圖」,用來顯示事物之間的關(guān)系類型。

這些節(jié)點通常是圓點或小圓圈,但也可以使用圖標。

網(wǎng)絡(luò)圖主要有分別為「不定向」和「定向」兩種。不定向網(wǎng)絡(luò)圖僅顯示實體之間的連接,而定向網(wǎng)絡(luò)圖則可顯示連接是單向還是雙向(通過小箭頭)。

網(wǎng)絡(luò)圖數(shù)據(jù)容量有限,并且當節(jié)點太多時會形成類似「毛球」的圖案,使人難以閱讀。

推薦的制作工具有:Cytoscape、Datamatic、Gephi、Graph-tool、Mike Bostock's Block、Plot.ly、sigmajs、Vega、ZoomCharts。

象形圖

b4becd42-584b-11eb-8b86-12bb97331649.png

象形圖 (Pictogram Chart) 也稱為「象形統(tǒng)計圖」,使用圖案來顯示數(shù)據(jù)量。

使用圖案能克服語言、文化和教育水平方面的差異,是更具代表性的數(shù)據(jù)顯示方法。舉個例子,如果數(shù)據(jù)是「5 輛車」,圖中便會顯示 5 個汽車圖案。

推薦的制作工具有:Infogr.am、jChart。

直方圖

b4fc342a-584b-11eb-8b86-12bb97331649.png

直方圖適合用來顯示在連續(xù)間隔或特定時間段內(nèi)的數(shù)據(jù)分布,有助于估計數(shù)值集中位置、上下限值以及確定是否存在差距或異常值;也可粗略顯示概率分布。

推薦的制作工具有:MS Excel、Apple Numbers、D3、Datavisual、Google Docs、Infogr.am、OnlineChartTool.com、Protovis、R Graph Gallery、Slemma。

密度圖

b517ebf2-584b-11eb-8b86-12bb97331649.png

密度圖 (Density Plot) 又稱為「密度曲線圖」,用于顯示數(shù)據(jù)在連續(xù)時間段內(nèi)的分布狀況。

這種圖表是直方圖的變種,使用平滑曲線來繪制數(shù)值水平,從而得出更平滑的分布,并且它們不受所使用分組數(shù)量的影響,所以能更好地界定分布形狀。

推薦的制作工具有:The R Graph Gallery、Cookbook for R。

人口金字塔

b55a3d2c-584b-11eb-8b86-12bb97331649.png

人口金字塔 (Population Pyramid) 也稱為「年齡性別金字塔」,是彼此背靠背的一對直方圖,顯示所有年齡組和男女人口的分布情況。

人口金字塔最適合用來檢測人口模式的變化或差異。多個人口金字塔放在一起更可用于比較各國或不同群體之間的人口模式。

推薦制作的工具有:AnyChart、D3 (重疊版本)、Vega、ZingChart。

條形圖

b59d7920-584b-11eb-8b86-12bb97331649.png

條形圖 (Bar Chart) 也稱為「棒形圖」或「柱形圖」,采用水平或垂直條形(柱形圖)來比較不同類別的離散數(shù)值。

圖表其中一條軸代表要比較的具體類別,另一條則用作離散數(shù)值的標尺。

條形圖的離散數(shù)據(jù)是分類數(shù)據(jù),針對的是單一類別中的數(shù)量多少,而不會顯示數(shù)值在某時間段內(nèi)的持續(xù)發(fā)展。

推薦的制作工具有:MS Excel & Apple Numbers、AnyChart、D3 、DataHero、Datamatic、Datawrapper、Google Charts、Google Docs、Infogr.am、OnlineChartTool.com、Protovis、Slemma、Vega、ZoomCharts。

多組條形圖

b5c2afd8-584b-11eb-8b86-12bb97331649.png

多組條形圖也稱為「分組條形圖」或「復(fù)式條形圖」,是條形圖的變種。

多組條形圖通常用來將分組變量或類別與其他數(shù)據(jù)組進行比較,也可用來比較迷你直方圖,每組內(nèi)的每個條形將表示變量的顯著間隔。

但缺點是,當有太多條形組合在一起時將難以閱讀。

推薦的制作工具有:D3、DataHero、Datavisual、Datawrapper、Infogr.am、NVD3.js、R Graph Gallery、Slemma、Vega、Visage、ZoomCharts。

堆疊式條形圖

b5f0364c-584b-11eb-8b86-12bb97331649.png

跟多組條形圖不同,堆疊式條形圖 (Stacked Bar Graph) 將多個數(shù)據(jù)集的條形彼此重迭顯示,適合用來顯示大型類別如何細分為較小的類別,以及每部分與總量有什么關(guān)系。

堆疊式條形圖共分成兩種:

簡單堆疊式條形圖。將分段數(shù)值一個接一個地放置,條形的總值就是所有段值加在一起,適合用來比較每個分組/分段的總量。

100% 堆疊式條形圖。會顯示每組占總體的百分比,并按該組每個數(shù)值占整體的百分比來繪制,可用來顯示每組中數(shù)量之間的相對差異。

推薦的制作工具有:MS Excel、Apple Numbers、AnyChart、Datavisual、Datawrapper、Infogr.am、Slemma、ZingChart、ZoomCharts。

不等寬柱狀圖

b615f774-584b-11eb-8b86-12bb97331649.png

不等寬柱狀圖 (Marimekko Chart)也稱為「馬賽克圖」,用來顯示分類數(shù)據(jù)中一對變量之間的關(guān)系,原理類似雙向的100% 堆疊式條形圖,但其中所有條形在數(shù)值/標尺軸上具有相等長度,并會被劃分成段。

不等寬柱狀圖的主要缺點在于難以閱讀,特別是當含有大量分段的時候。此外,我們也很難準確地對每個分段進行比較,因為它們并非沿著共同基線排列在一起。

因此,不等寬柱狀圖較為適合提供數(shù)據(jù)概覽。

推薦的制作工具有:D3。

面積圖

b6347456-584b-11eb-8b86-12bb97331649.png

面積圖 (Area Graph) 是折線圖的一種,但線下面的區(qū)域會由顏色或紋理填滿。

跟折線圖一樣,面積圖可顯示某時間段內(nèi)量化數(shù)值的變化和發(fā)展,最常用來顯示趨勢,而非表示具體數(shù)值。

兩種較常用的面積圖是分組式面積圖和堆疊式面積圖。分組式面積圖在相同的零軸開始,而堆疊式面積圖則從先前數(shù)據(jù)系列的最后數(shù)據(jù)點開始。

推薦的制作工具有:MS Excel & Apple Numbers、D3、DataHero、Datamatic、Google Charts、Google Docs、Infogr.am、Protovis、Slemma、VegaOnlineChartTool.com。

比例面積圖

b66425d4-584b-11eb-8b86-12bb97331649.png

非常適合用來比較數(shù)值和顯示比例(尺寸、數(shù)量等),以便快速全面地了解數(shù)據(jù)的相對大小,而無需使用刻度。

比例面積圖通常使用正方形或圓形,常見技術(shù)錯誤是,使用長度來確定形狀大小,而非計算形狀中的空間面積,導(dǎo)致數(shù)值出現(xiàn)指數(shù)級的增長和減少。

推薦的制作工具有:D3、Datamatic、Datavisual、Infogr.am

堆疊式面積圖

b682732c-584b-11eb-8b86-12bb97331649.png

堆疊式面積圖 (Stacked Area Graph) 的原理與簡單面積圖相同,但它能同時顯示多個數(shù)據(jù)系列,每一個系列的開始點是先前數(shù)據(jù)系列的結(jié)束點。

堆疊式面積圖使用區(qū)域面積來表示整數(shù),因此不適用于負值??偟膩碚f,它們適合用來比較同一間隔內(nèi)多個變量的變化。

推薦的制作工具有:MS Excel、Apple Numbers、DataHero、Datavisual、Google Docs、Infogr.am、OnlineChartTool、Slemma、Vega、ZingChart、ZoomCharts。

量化波形圖

b6a7fbd8-584b-11eb-8b86-12bb97331649.png

這種圖表是堆疊式面積圖的一種變體,但其數(shù)值并非沿著固定直線軸來繪制,而是圍繞著不斷變化的中心基線。

通過使用流動的有機形狀,量化波形圖 (Stream Graph) 可顯示不同類別的數(shù)據(jù)隨著時間的變化,這些有機形狀有點像河流,因此量化波形圖看起來相當美觀。

在量化波形圖中,每個波浪的形狀大小都與每個類別中的數(shù)值成比例。與波形圖平行流動的軸用作時間刻度。我們也可以用不同顏色區(qū)分每個類別,或者通過改變色彩來顯示每個類別的附加定量值。

此外,當他們以互動形式展示時,比靜態(tài)或印刷出來更有效率。

推薦的制作工具有:Bob Rudis' GitHub、D3、infogr.am、JSFiddle、Lee Byron's GitHub、NVD3.js、plotDB、Protovis、RAWGraphs、Stream graph generator。

雷達圖

b6ce64f8-584b-11eb-8b86-12bb97331649.png

雷達圖 (Radar Chart) 又稱為「蜘蛛圖」、「極地圖」或「星圖」,是用來比較多個定量變量的方法,可用于查看哪些變量具有相似數(shù)值,或者每個變量中有沒有任何異常值。

此外,雷達圖也可用于查看數(shù)據(jù)集中哪些變量得分較高/低,是顯示性能表現(xiàn)的理想之選。

每個變量都具有自己的軸(從中心開始)。所有的軸都以徑向排列,彼此之間的距離相等,所有軸都有相同的刻度。軸與軸之間的網(wǎng)格線通常只作指引用途。每個變量數(shù)值會畫在其所屬軸線之上,數(shù)據(jù)集內(nèi)的所有變量將連在一起形成一個多邊形。

推薦的制作工具有:Amcharts、AnyChart、Google Docs、jChartFX、Online Chart Tool、ZingChart。

?;鶊D

b6eb539c-584b-11eb-8b86-12bb97331649.png

桑基圖 (Sankey Diagram) 用來顯示流向和數(shù)量。

在每個流程階段中,流向箭頭或線可以組合在一起,或者往不同路徑各自分開。我們可用不同顏色來區(qū)分圖表中的不同類別,或表示從一個階段到另一個階段的轉(zhuǎn)換。

推薦的制作工具有:RAWGraphs、Sankey Diagram Generator、Sankey Diagrams Blog Software List、Sankey Flow Show、SankeyMATIC、Tamc。

平行集合圖

b7213386-584b-11eb-8b86-12bb97331649.png

平行集合圖與?;鶊D類似,都顯示流程和比例,但平行集合圖不使用箭頭,它們在每個所顯示的線集 (line-set) 劃分流程路徑。

每個線集對應(yīng)于一個維度/數(shù)據(jù)集,其數(shù)值/類別由該線集內(nèi)的不同線段所表示。每條線的寬度和流程路徑,均由類別總數(shù)的比例份數(shù)所決定。每條流程路徑都可以用不同顏色代表,以顯示和比較不同類別之間的分布。

推薦工具有:EagerEyes: ParallelSets、Jason Davies、Sankey Diagram Generator、SankeyMATIC。

誤差線

b74277da-584b-11eb-8b86-12bb97331649.png

誤差線可以作為一項增強功能來顯示數(shù)據(jù)變化,通常用于顯示范圍數(shù)據(jù)集中的標準偏差、標準誤差、置信區(qū)間或最小/最大值。

誤差線總是平行于定量標尺的軸線,可以是垂直或水平顯示(取決于定量標尺是在 Y 軸還是 X 軸上)。

推薦的工具有:AnyChart、Highcharts、plotly、Vega。

樹形結(jié)構(gòu)圖

b760d36a-584b-11eb-8b86-12bb97331649.png

樹狀結(jié)構(gòu)圖 (Treemap) 是一種利用嵌套式矩形顯示層次結(jié)構(gòu)的方法,同時通過面積大小顯示每個類別的數(shù)量。

每個類別會獲分配一個矩形區(qū)域,而其子類別則由嵌套在其中的小矩形代表。當不同數(shù)量被分配到各個類別時,這些矩形的面積大小會與此數(shù)量成正比顯示。

Ben Shneiderman 最初開發(fā)樹狀結(jié)構(gòu)圖用來在計算機上顯示大量文件目錄,而不會占用太多屏幕空間,因此樹狀結(jié)構(gòu)圖是一種緊湊而且節(jié)省空間的層次結(jié)構(gòu)顯示方式,可讓人快速了解結(jié)構(gòu)。

推薦的制作工具有:AnyChart、D3、Datamatic、Google Charts、Google Docs、Infogr.am、jChartFX、RAWGraphs、Slemma、Vega、ZingChart。

圓堆積圖

b783985a-584b-11eb-8b86-12bb97331649.png

圓堆積 (Circle Packing) 也稱為「圓形樹結(jié)構(gòu)圖」,是樹形結(jié)構(gòu)圖的變體,使用圓形(而非矩形)一層又一層地代表整個層次結(jié)構(gòu)。

每個圓形的面積也可用來表示額外任意數(shù)值,如數(shù)量或文件大小。我們也可用顏色將數(shù)據(jù)進行分類,或通過不同色調(diào)表示另一個變量。

雖然圓堆積看起來漂亮,但不及樹形結(jié)構(gòu)圖般節(jié)省空間(因為圓圈內(nèi)會有很多空白處),可是它實際上比樹形結(jié)構(gòu)圖更能有效顯示層次結(jié)構(gòu)。

推薦的制作工具有:D3、D3 Zoomable、RAWGraphs。

餅圖

b7a5d78a-584b-11eb-8b86-12bb97331649.png

餅形圖 (Pie Chart) 把一個圓圈劃分成不同比例的分段,以展示各個類別之間的比例。

餅形圖適合用來快速展示數(shù)據(jù)比例分布,但主要缺點是:不能顯示太多項目、通常需要圖例說明、不能準確比較。

制作工具有很多:D3、DataHero、Datamatic、Datavisual、Datawrapper、Google Charts、Google Docs、Infogr.am、Protovis、OnlineChartTool.com、Slemma、ZingChart...

圓環(huán)圖

b7c6a546-584b-11eb-8b86-12bb97331649.png

圓環(huán)圖 (Donut Chart) 基本上就是餅形圖,只是中間的部分被切掉。

不過,圓環(huán)圖還是比餅形圖略有優(yōu)勢,它讓人不再只看「餅」的面積,反面更重視總體數(shù)值的變化:專注于閱讀弧線的長度,而不是比較「餅與餅」之間的比例不同。

另外,圓環(huán)圖中間的空白處更可以用來顯示其他信息,因此更能節(jié)省空間。

推薦的制作工具有:D3、DataHero、Datamatic、Datavisual、Datawrapper、Google Docs、Infogr.am、Protovis、Slemma、Visage、ZingChart、ZoomCharts。

南丁格爾玫瑰圖

b7e2427e-584b-11eb-8b86-12bb97331649.jpg

南丁格爾玫瑰圖 (Nightingale Rose Charts) 又稱為「極面積圖」。

統(tǒng)計學(xué)家和醫(yī)學(xué)改革家佛羅倫薩?南丁格爾 (Florence Nightingale) 曾在克里米亞戰(zhàn)爭期間使用這種圖表傳達士兵身亡情況,故得名。

在南丁格爾玫瑰圖中,代表數(shù)值的是分段面積,而不是其半徑。

推薦的制作工具有:Datamatic、Infogr.am。

旭日圖

b807276a-584b-11eb-8b86-12bb97331649.jpg

也稱為「多層餅形圖」或「徑向樹圖」,通過一系列的圓環(huán)顯示層次結(jié)構(gòu),再按不同類別節(jié)點進行切割。

推薦的制作工具有:Aculocity、D3、JavaScript InfoVis Toolkit、MS Office、Protovis、RAWGraphs、

螺旋圖

b83d1aa0-584b-11eb-8b86-12bb97331649.jpg

也稱為「時間系列螺旋圖」,沿阿基米德螺旋線 (Archimedean spiral) 畫上基于時間的數(shù)據(jù)。

圖表從螺旋形的中心點開始往外發(fā)展。螺旋圖十分多變,可使用條形、線條或數(shù)據(jù)點,沿著螺旋路徑顯示。

螺旋圖很適合用來顯示大型數(shù)據(jù)集,通常顯示長時間段內(nèi)的數(shù)據(jù)趨勢,因此能有效顯示周期性的模式。

推薦的制作工具有:Arpit Narechania's Block。

徑向條形圖

b855ecb0-584b-11eb-8b86-12bb97331649.jpg

徑向條形圖是在極坐標系上繪制的條形圖。

雖然看起來很美觀,但徑向條形圖上條形的長度可能會被人誤解。

推薦制作工具有:AnyChart。

徑向柱圖

b874501a-584b-11eb-8b86-12bb97331649.jpg

也稱為「圓形柱圖」或「星圖」。

這種圖表使用同心圓網(wǎng)格來繪制條形圖。每個圓圈表示一個數(shù)值刻度,而徑向分隔線則用作區(qū)分不同類別或間隔(如果是直方圖)。

條形通常從中心點開始向外延伸,但也可以別處為起點以顯示數(shù)值范圍(如跨度圖)。此外,條形也可以如堆疊式條形圖般堆疊起來。

推薦的制作工具有:jChartFX、Bokeh。

熱圖

熱圖 (Heatmap) 通過色彩變化來顯示數(shù)據(jù),當應(yīng)用在表格時,熱圖適合用來交叉檢查多變量的數(shù)據(jù)。

熱圖適用于顯示多個變量之間的差異;顯示當中任何模式;顯示是否有彼此相似的變量;以及檢測彼此之間是否存在任何相關(guān)性。

由于熱圖依賴顏色來表達數(shù)值,它比較適合用來顯示廣泛數(shù)值數(shù)據(jù),因為要準確地指出色調(diào)之間的差異始終有難度,也較難從中提取特定數(shù)據(jù)點(除非在單元格中加入原始數(shù)據(jù))。

推薦的制作工具有:MS Excel、Apple Numbers、Amcharts、AnyChart、Highcharts、jChartFX、plot.ly、R Graph、Zing Chart。

散點圖

b8ebee90-584b-11eb-8b86-12bb97331649.png

散點圖 (Scatterplot) 也稱為「點圖」、「散布圖」或「X-Y 點圖」,用來顯示兩個變量的數(shù)值(每個軸上顯示一個變量),并檢測兩個變量之間的關(guān)系或相關(guān)性是否存在。

圖表中可加入直線或曲線來輔助分析,并顯示當所有數(shù)據(jù)點凝聚成單行時的模樣,通常稱為「最佳擬合線」或「趨勢線」。

如您有一對數(shù)值數(shù)據(jù),可使用散點圖來查看其中一個變量是否在影響著另一個變量??墒钦堄涀?,相關(guān)性并非因果關(guān)系,也有可能存在另一個變量在影響著結(jié)果。

推薦的制作工具有:MS Excel、Apple Numbers、D3、DataHero、Datavisual、Google Charts、Google Docs、Infogr.am、OnlineChartTool.com、Vega、Visage、ZingChart。

氣泡圖

b92593c0-584b-11eb-8b86-12bb97331649.png

氣泡圖是一種包含多個變量的圖表,結(jié)合了散點圖和比例面積圖,圓圈大小需要按照圓的面積來繪制,而非其半徑或直徑。

通過利用定位和比例,氣泡圖通常用來比較和顯示已標記/已分類的圓圈之間的關(guān)系。

可是,過多氣泡會使圖表難以閱讀,但我們可以在圖表中加入交互性功能來解決這個問題(點擊或把鼠標懸停在氣泡上以顯示隱藏信息),也可選擇重組或篩選分組類別。

推薦制作的工具有:AnyChart、Google Charts、Google Docs、Infogr.am、jChartFX、Online Chart Tool、RAWGraphs、Slemma、Visage、ZingChart

氣泡地形圖

b96e7810-584b-11eb-8b86-12bb97331649.png

在這種數(shù)據(jù)地圖中,指定地理區(qū)域上方會顯示圓形圖案,圓形面積與其在數(shù)據(jù)集中的數(shù)值會成正比。

氣泡地圖適合用來比較不同地理區(qū)域之間的比例,而不會受區(qū)域面積的影響。但氣泡地圖的主要缺點在于:過大的氣泡可能會與地圖上其他氣泡或區(qū)域出現(xiàn)重迭。

推薦的制作工具有:AnyChart、CARTO、Datavisual、Khartis、Google docs、Polymaps、ZoomCharts。

地區(qū)分布圖

b9a96146-584b-11eb-8b86-12bb97331649.png

地區(qū)分布圖通常用來顯示不同區(qū)域與數(shù)據(jù)變量之間的關(guān)系,并把所顯示位置的數(shù)值變化或模式進行可視化處理。

我們在地圖上每個區(qū)域以不同深淺度的顏色表示數(shù)據(jù)變量,例如從一種顏色漸變成另一種顏色、單色調(diào)漸進、從透明到不透明、從光到暗,甚至動用整個色譜。

但缺點是無法準確讀取或比較地圖中的數(shù)值。此外,較大的地區(qū)會比較小區(qū)域更加顯眼,影響讀者對數(shù)值的感知。

繪制地區(qū)分布圖時的常見錯誤:對原始數(shù)據(jù)值(例如人口)進行運算,而不是使用歸一化值(例:計算每平方公里的人口)。

推薦的制作工具有:amMaps、D3、d3.geomap、Google Charts、Google Docs、DataHero、Datamatic、Datawrapper、Infogr.am、Kartograph、Polymaps、Slemma、Target Map.com、Vega。

點示地圖

b9ca258e-584b-11eb-8b86-12bb97331649.png

點示地圖 (Dot Map) 也稱為「點示分布圖」或「點示密度圖」。在地理區(qū)域上放置相等大小的圓點,旨在檢測該地域上的空間布局或數(shù)據(jù)分布。

點示地圖共有兩種:一對一(每點代表單一計數(shù)或一件物件)和一對多(每點表示一個特定單位,例如 1 點 = 10棵樹)。

點示地圖非常適合用來查看物件在某地域內(nèi)的分布狀況和模式,而且容易掌握,能提供數(shù)據(jù)概覽。

推薦的制作工具有:AnyChart、CARTO、Datavisual、Infogr.am、Khartis、mbostock's blocks、R Graph Gallery、ZoomCharts。

連接地圖

b9f5eca0-584b-11eb-8b86-12bb97331649.jpg

連接地圖 (Connection Map) 是用直線或曲線連接地圖上不同地點的一種圖表。

連接地圖非常適合用來顯示地理連接和關(guān)系,也可以通過研究連接地圖上的連接分布或集中程度來顯示空間格局。

推薦的制作工具是:AnyChart、ECharts、Javascript Maps、Curved、Straight、ZoomCharts。

流向地圖

ba17c974-584b-11eb-8b86-12bb97331649.png

流向地圖 (Flow Map) 在地圖上顯示信息或物體從一個位置到另一個位置的移動及其數(shù)量,通常用來顯示人物、動物和產(chǎn)品的遷移數(shù)據(jù)。

單一流向線所代表的移動規(guī)?;驍?shù)量由其粗幼度表示,有助顯示遷移活動的地理分布。

推薦的制作工具有:AnyChart。

甘特圖

ba5cb570-584b-11eb-8b86-12bb97331649.png

甘特圖 (Gantt Chart) 通常用作項目管理的組織工具,顯示活動(或任務(wù))列表和持續(xù)時間,也顯示每項活動何時開始和結(jié)束。

甘特圖適合用來規(guī)劃和估計整個項目的所需時間,也可顯示相互重迭的活動。

推薦的制作工具有:AnyChart、Amcharts、DHTMLX、GanttPro、Google Charts、Redbooth、RAWGraphs、Smartsheet。

箱形圖

ba807d84-584b-11eb-8b86-12bb97331649.png

箱形圖又稱為「盒須圖」或「箱線圖」,能方便顯示數(shù)字數(shù)據(jù)組的四分位數(shù),可以垂直或水平的形式出現(xiàn)。

從盒子兩端延伸出來的線條稱為「晶須」(whiskers),用來表示上、下四分位數(shù)以外的變量。異常值 (Outliers) 有時會以與晶須處于同一水平的單一數(shù)據(jù)點表示。

箱形圖通常用于描述性統(tǒng)計,是以圖形方式快速查看一個或多個數(shù)據(jù)集的好方法。

推薦的制作工具有:AnyChart、D3、Protovis、R AWGraphs、R Graph Gallery、ZingChart。

子彈圖

baa74e50-584b-11eb-8b86-12bb97331649.png

子彈圖 (Bullet Graph) 的功能類似于條形圖,但加入更多視像元素,提供更多補充信息。

子彈圖最初由 Stephen Few 開發(fā),用來取代儀表盤上如里程表或時速表這類圖形儀表,解決顯示信息不足的問題,而且能有效節(jié)省空間,更可除掉儀表盤上一些不必要的東西。

推薦的制作工具有:am chartsAnyChart、D3、DimpleJS、IgniteUI、jChartFX 、moderndata.plot.ly、NVD3.js、Protovis。

蠟燭圖

bacdb8a6-584b-11eb-8b86-12bb97331649.jpg

又名「日本K線圖」,通常用來顯示和分析證券、衍生工具、外匯貨幣、股票、債券等商品隨著時間的價格變動。

蠟燭圖通過使用燭臺式的符號來顯示多種價格信息,例如開盤價、收盤價、最高價和最低價,每個代表單一時間段(每分鐘、每小時、每天或每月)的交易活動。每個燭臺符號沿著 X 軸上的時間刻度繪制,顯示隨著時間推移的交易活動。

但是,蠟燭圖只能顯示開盤價和收盤價之間的關(guān)系,而非兩者之間所發(fā)生的事件,因此也無法用來解釋交易波動的緣由。

推薦的制作工具有:Aaron Beppu's Block、amcharts、AnyChart、CanvasJS、ECharts、Google Chart、Google Docs、infogr.am、plotly、Protovis、ZingChart、ZoomCharts

跨度圖

baf0f000-584b-11eb-8b86-12bb97331649.png

也稱為「范圍條形/柱形圖」或「浮動條形圖」,用來顯示數(shù)據(jù)集內(nèi)最小值和最大值之間的范圍,適合用來比較范圍,尤其是已分類的范圍。

跨度圖只集中顯示極端數(shù)值,不提供任何關(guān)于最小值和最大值之間的數(shù)值、整體平均值或數(shù)據(jù)分布等其他信息。

推薦制作工具有:AnyChart、D3, Arpit Narechania's Block、ZingChart。

卡吉圖

bb118072-584b-11eb-8b86-12bb97331649.png

卡吉圖 (Kagi Chart)能通過一系列線段顯示價格表現(xiàn),進而顯示特定資產(chǎn)的一般供需水平。由于與時間無直接關(guān)系,它能更清晰地顯示重要的價格走勢。

推薦的制作工具有:D3、Arpit Narechania's Block、FusionCharts、Ragu Ramaswamy's Block、Wolfram Mathematica、

美國線

bb293172-584b-11eb-8b86-12bb97331649.png

美國線 (Open-high-low-close Charts) 也稱為「OHLC 圖」或「價格圖」,通常用作交易工具,顯示和分析證券、貨幣、股票、債券等商品隨時間的價格變動。

推薦的制作工具有:Amcharts、AnyChart、ByteMuse.com、CanvasJS、jChartFX、Plotly、vaadin、Zing Chart。

弦圖

bb508a06-584b-11eb-8b86-12bb97331649.jpg

弦圖 (Chord Diagram) 可以顯示不同實體之間的相互關(guān)系和彼此共享的一些共通之處,因此這種圖表非常適合用來比較數(shù)據(jù)集或不同數(shù)據(jù)組之間的相似性。

節(jié)點圍繞著圓周分布,點與點之間以弧線或貝塞爾曲線彼此連接以顯示當中關(guān)系,然后通過每個圓弧的大小比例再給每個連接分配數(shù)值。此外,也可以用顏色將數(shù)據(jù)分成不同類別,有助于進行比較和區(qū)分。

推薦的制作工具有:Circos、D3、R Graph Gallery、ZingChart。

非彩帶弦圖

bbab01b6-584b-11eb-8b86-12bb97331649.jpg

非彩帶弦圖 (Non-ribbon Chord Diagram) 是弦圖的一個精簡版本,僅顯示節(jié)點和連接線,更加強調(diào)數(shù)據(jù)之間的連接關(guān)系。

推薦的制作工具有:Circos。

樹形圖

bbce1098-584b-11eb-8b86-12bb97331649.png

樹形圖 (Tree Diagram) 也稱為「組織圖」或「鏈路圖」,是通過樹狀結(jié)構(gòu)表示層次結(jié)構(gòu)的一種方式。

其結(jié)構(gòu)通常由沒有上級/父級成員的元素開始(根節(jié)點),然后加入節(jié)點,再用線連在一起,稱為分支,表示成員之間的關(guān)系和連接。最后是枝葉節(jié)點(或稱為末端節(jié)點),是沒有子節(jié)點的成員。

樹形圖通常用于表示家庭關(guān)系和血統(tǒng)、分類學(xué)、進化科學(xué)、計算機科學(xué)與數(shù)學(xué)等,也是企業(yè)和組織的管理工具。

推薦的工具有:Datamatic、Google Charts、Google Docs、giffy、Zoomcharts。

流程圖

bbea5000-584b-11eb-8b86-12bb97331649.png

流程圖 (Flow Chart) 使用一系列相互連接的符號繪制出整個過程,從而解釋復(fù)雜和/或抽象的過程、系統(tǒng)、概念或算法的運作模式。

不同符號代表不同意思,每種都具有各自的特定形狀。流程圖以弧形矩形表示流程的開始和結(jié)束;線段或箭頭用于顯示從一個步驟到另一個步驟的方向或流程;簡單的指令或動作用矩形來表示,而當需要作出決定時,則使用鉆石形狀...

推薦的制作工具有:asciiflow、Creately、draw.io、gliffy、GoJS、Google Drawings、LucidChart、MS Visio。

腦力激蕩圖圖

bc1c30ca-584b-11eb-8b86-12bb97331649.png

腦力激蕩圖也稱為「心智圖」,可以將相關(guān)想法、單詞、圖像和概念聯(lián)合在一起。

腦力激蕩圖經(jīng)常在項目初期使用,用來產(chǎn)生想法、查找關(guān)聯(lián)、分類想法、組織信息、顯示結(jié)構(gòu)和一般學(xué)習(xí)。

推薦的制作工具有:Coggle、MindMup

記數(shù)符號圖表

bc459820-584b-11eb-8b86-12bb97331649.png

記數(shù)符號圖表 (Tally Chart) 既是記錄工具,也可通過使用標記數(shù)字系統(tǒng)來顯示數(shù)據(jù)分布頻率。

在繪制記數(shù)符號圖表時,將類別、數(shù)值或間隔放置在同一個軸或列(通常為 Y 軸或左側(cè)第一列)上。每當出現(xiàn)數(shù)值時,在相應(yīng)的列或行中添加記數(shù)符號。

完成收集所有數(shù)據(jù)后,把所有標記加起來并把總數(shù)寫在下一列或下一行中,最終結(jié)果類似于直方圖。

推薦的制作工具有:紙和筆。

日歷圖

bc7de2d4-584b-11eb-8b86-12bb97331649.png

人類曾開發(fā)出各種日歷系統(tǒng)作為組織工具,幫助我們提前做好計劃。我們也把日歷當作可視化工具,適用于顯示不同時間段的活動事件的組織情況。

今天我們最常用的日歷形式是公歷,每個月份的月歷由七個垂直列組成(代表每周七天),另有約五至六行以水平方式代表星期。

可是,日歷格式并沒有嚴格規(guī)定,所以市面上有各式各樣不同的設(shè)計,只要能以時間順序顯示日期或時間單位便可。

推薦的制作工具有:TimeandDate.com、Calendar Creator、ZingChart

時間線

bc9d8a1c-584b-11eb-8b86-12bb97331649.png

時間線 (Timeline) 是以時間順序顯示一系列事件的圖象化方式,主要功能是傳達時間相關(guān)信息,用于分析或呈現(xiàn)歷史故事。

如果是按比例繪制的時間線,我們可以通過查看不同事件之間的時間間隔,了解事件發(fā)生的時間或即將在何時發(fā)生,從中查找時間段內(nèi)的事件是否遵循任何模式,或者事件在該時間段內(nèi)如何分布。

有時時間線會與圖表相互結(jié)合,顯示定量數(shù)據(jù)隨時間的變化。

推薦的制作工具有:Google Charts、Timeline.js、Tiki-Toki、Vega。

時間表

bceb1ca0-584b-11eb-8b86-12bb97331649.jpg

時間表 (Timetable) 可用作預(yù)定事件、任務(wù)和行動的引用和管理工具。

使用表格按時間順序和/或字母順序組織數(shù)據(jù),能有助用戶快速進行引用。

象形圖

bd2c680e-584b-11eb-8b86-12bb97331649.jpg

說明圖旨在使用筆記、標簽和圖例來解釋說明所顯示的圖像,以便解釋概念或方法、描述物件或場所、顯示事情的運作變化或幫助了解所顯示的主題。

所使用的圖像可以是象征性、圖像化或真實相片。

莖葉圖

bd46643e-584b-11eb-8b86-12bb97331649.png

莖葉圖 (Stem & Leaf Plots)又稱為「枝葉圖」,是一種按位數(shù) (place value)組織數(shù)據(jù)的方法,可用來顯示數(shù)據(jù)分布。

不變的位數(shù)由小至大、由上至下顯示在中間的「莖」(通常是以十為單位),每個位數(shù)之內(nèi)的數(shù)據(jù)則會成為「葉」并橫向延伸。

除了向讀者快速提供數(shù)據(jù)分布信息之外,莖葉圖也可用于突出異常值和查找模式。如果您有兩個數(shù)據(jù)集,則可使用背對背或雙重莖葉圖來比較兩者。

推薦的制作工具有:CalculatorSoup、Easycalculation.com、Protovis。

文氏圖

bd64fd04-584b-11eb-8b86-12bb97331649.jpg

文氏圖 (Venn Diagram)也稱為「集合圖」,顯示集與集之間所有可能存在的邏輯關(guān)系,每個集通常以一個圓圈表示。

每個集都是一組具有共同之處的物件或數(shù)據(jù),當多個圓圈(集)相互重迭時,稱為交集 (intersection),里面的數(shù)據(jù)同時具有重迭集中的所有屬性。

推薦工具有:Datamatic、gliffy、R Graph Gallery、ZingChart。

小提琴圖

bd9ad38e-584b-11eb-8b86-12bb97331649.png

小提琴圖 (Violin Plot)結(jié)合了箱形圖和密度圖的特征,主要用來顯示數(shù)據(jù)的分布形狀。

中間的黑色粗條表示四分位數(shù)范圍,從其延伸的幼細黑線代表 95% 置信區(qū)間,而白點則為中位數(shù)。

推薦的制作工具有:The R Graph Gallery、seaborn、z-m-k's Blocks。

字云圖 (Word Cloud) 也稱為「標簽云圖」、「詞云」等,每個此的大小與其出現(xiàn)頻率成正比,以此顯示不同單詞在給定文本中的出現(xiàn)頻率,然后將所有的字詞排在一起,形成云狀圖案。

在字云圖上使用顏色通常都是毫無意義的,主要是為了美觀,但我們可以用顏色對單詞進行分類。

推薦的制作工具有:D3、Datamatic、Infogr.am、R Graph Gallery、Vega、Visage、Wordclouds.com、Wordle、ZingChart。

原文標題:太強了!60 種可視化圖表制作工具和使用場景(推薦收藏)

文章出處:【微信公眾號:數(shù)據(jù)分析與開發(fā)】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

責任編輯:haq

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 數(shù)據(jù)
    +關(guān)注

    關(guān)注

    8

    文章

    6761

    瀏覽量

    88619
  • 可視化
    +關(guān)注

    關(guān)注

    1

    文章

    1154

    瀏覽量

    20813

原文標題:太強了!60 種可視化圖表制作工具和使用場景(推薦收藏)

文章出處:【微信號:DBDevs,微信公眾號:數(shù)據(jù)分析與開發(fā)】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏

    評論

    相關(guān)推薦

    博世Logistics Cockpit軟件平臺這套神秘引擎把數(shù)據(jù)可視化玩得很酷

    數(shù)據(jù)的呈現(xiàn)方式, 你更喜歡哪一?誰會有耐心從密密麻麻的數(shù)據(jù)中挖掘信息呢?相比之下,圖表、趨勢圖等視覺呈現(xiàn)更易于理解與分析。 你看,當紛繁復(fù)雜的行行數(shù)據(jù)被 「可視化工具」 整合成為直
    的頭像 發(fā)表于 08-13 10:40 ?288次閱讀
    博世Logistics Cockpit軟件平臺這套神秘引擎把數(shù)據(jù)<b class='flag-5'>可視化</b>玩得很酷

    基于BIM技術(shù)的可視化管理系統(tǒng)

    的創(chuàng)新和效率提升。本文將深入探討基于BIM技術(shù)的可視化管理系統(tǒng)在建筑行業(yè)中的重要性、優(yōu)勢以及應(yīng)用場景。 BIM技術(shù)的核心原理 BIM技術(shù)通過創(chuàng)建數(shù)字的三維建模環(huán)境,整合了建筑項目的各個方面,包括結(jié)構(gòu)、設(shè)備、材料、成本、時間表等
    的頭像 發(fā)表于 08-06 15:20 ?222次閱讀

    智慧地鐵站可視化建設(shè)的意義

    地鐵站 可視化建設(shè)的意義、關(guān)鍵技術(shù)和應(yīng)用場景。 智慧地鐵站可視化的意義 智慧地鐵站可視化建設(shè)是指通過信息技術(shù)、物聯(lián)網(wǎng)技術(shù)和大數(shù)據(jù)分析等手段,實現(xiàn)地鐵站內(nèi)設(shè)備、乘客流動、安全狀況等各類數(shù)
    的頭像 發(fā)表于 07-26 14:16 ?178次閱讀

    可視化數(shù)據(jù)大屏的制作流程

    制作可視化數(shù)據(jù)大屏是一項涵蓋數(shù)據(jù)分析、設(shè)計和技術(shù)實現(xiàn)的復(fù)雜任務(wù)。從數(shù)據(jù)處理到展示呈現(xiàn),每個步驟都至關(guān)重要。下面將詳細介紹可視化數(shù)據(jù)大屏的制作流程,包括數(shù)據(jù)準備、設(shè)計階段和技術(shù)實現(xiàn)。 ?
    的頭像 發(fā)表于 07-24 13:57 ?210次閱讀

    3d場景建模可視化,場景1:1還原

    在當今數(shù)字化時代,3D場景建模可視化技術(shù)成為重要工具,為各行業(yè)提供了強大的展示和交互手段。從電影特效到建筑設(shè)計,從游戲開發(fā)到虛擬現(xiàn)實,3D場景建模
    的頭像 發(fā)表于 07-12 14:49 ?176次閱讀

    大屏數(shù)據(jù)可視化 開源

    在當今信息爆炸的時代,數(shù)據(jù)已經(jīng)成為各個行業(yè)決策制定和業(yè)務(wù)發(fā)展的關(guān)鍵。為了更直觀、準確地理解和利用海量數(shù)據(jù), 大屏數(shù)據(jù)可視化 成為一強大的工具。通過將數(shù)據(jù)以圖表、圖形等形式展示在大屏幕
    的頭像 發(fā)表于 06-27 16:06 ?321次閱讀
    大屏數(shù)據(jù)<b class='flag-5'>可視化</b> 開源

    如何實現(xiàn)園區(qū)大屏可視化

    孿生可視化 構(gòu)建平臺利用Web三維可視化技術(shù)對現(xiàn)實場景進行仿真,實現(xiàn)園區(qū)級業(yè)務(wù)場景可視化呈現(xiàn),助力企業(yè)快速完成項目的實施。實現(xiàn)園區(qū)
    的頭像 發(fā)表于 06-19 15:39 ?316次閱讀
    如何實現(xiàn)園區(qū)大屏<b class='flag-5'>可視化</b>?

    大屏數(shù)據(jù)可視化的作用和意義

    大屏數(shù)據(jù)可視化是指利用大屏幕設(shè)備展示數(shù)據(jù)信息,通過圖表、圖像、動畫等視覺手段將數(shù)據(jù)呈現(xiàn)出來,以便用戶能夠直觀、清晰地理解數(shù)據(jù)背后的含義和關(guān)聯(lián)。在信息化時代,數(shù)據(jù)已經(jīng)成為企業(yè)決策和運營的重要依托,而
    的頭像 發(fā)表于 06-03 17:56 ?542次閱讀

    大屏數(shù)據(jù)可視化是什么?運用了什么技術(shù)

    大屏數(shù)據(jù)可視化 是一利用大屏幕設(shè)備展示數(shù)據(jù)可視化結(jié)果的技術(shù),旨在以更生動、直觀的方式呈現(xiàn)數(shù)據(jù)信息。這種數(shù)據(jù)展示方式廣泛應(yīng)用于各種場景,包括會議、展覽、監(jiān)控中心等,旨在幫助用戶更快速、
    的頭像 發(fā)表于 05-24 15:35 ?738次閱讀

    數(shù)據(jù)可視化:企業(yè)數(shù)字建設(shè)效果的呈現(xiàn)

    數(shù)據(jù)可視化即通過圖表的形式將數(shù)據(jù)的內(nèi)在信息有邏輯性地呈現(xiàn)給用戶,使用戶更容易發(fā)現(xiàn)數(shù)據(jù)中蘊藏的規(guī)律,找出問題,進而做出決策;另一方面,數(shù)據(jù)可視化項目也是一張重要的名片,是企業(yè)數(shù)字建設(shè)效
    的頭像 發(fā)表于 04-29 10:18 ?357次閱讀
    數(shù)據(jù)<b class='flag-5'>可視化</b>:企業(yè)數(shù)字<b class='flag-5'>化</b>建設(shè)效果的呈現(xiàn)

    三維可視化是怎么做的?特點有哪些?

    的應(yīng)用場景中占據(jù)著重要部分,很多業(yè)務(wù)都需要以三維可視化的方式呈現(xiàn)與交互,它能夠幫助用戶更直觀地理解復(fù)雜的數(shù)據(jù)和信息。以下是關(guān)于三維可視化的三維地圖的制作過程以及功能特點: 三維地圖
    的頭像 發(fā)表于 04-28 15:12 ?417次閱讀
    三維<b class='flag-5'>可視化</b>是怎么做的?特點有哪些?

    物聯(lián)網(wǎng)可視化監(jiān)控大屏如何實現(xiàn)?有什么功能?

    在物聯(lián)網(wǎng)飛速發(fā)展的時代,可視化監(jiān)控大屏成為了眾多企業(yè)和機構(gòu)實現(xiàn)智能管理和監(jiān)控的重要工具。它將各種各樣設(shè)備的運行狀態(tài)和數(shù)據(jù)以圖形、圖表、動畫等形式展示在大屏或其他移動設(shè)備上,使得用戶能
    的頭像 發(fā)表于 04-11 09:25 ?704次閱讀

    一鍵生成可視化圖表/大屏 這13款數(shù)據(jù)可視化工具很強大

    前言 數(shù)字經(jīng)濟時代,我們每天正在處理海量數(shù)據(jù),對數(shù)據(jù)可視化軟件的需求變得突出,它可以幫助人們通過模式、趨勢、儀表板、圖表等視覺輔助工具理解數(shù)據(jù)的重要性。 如果遇到數(shù)據(jù)集需要分析處理,但是你不又知道
    的頭像 發(fā)表于 12-19 17:27 ?4803次閱讀
    一鍵生成<b class='flag-5'>可視化</b><b class='flag-5'>圖表</b>/大屏 這13款數(shù)據(jù)<b class='flag-5'>可視化工具</b>很強大

    linux鏡像制作工具

    Linux鏡像制作工具是一類非常重要的工具,可以用于創(chuàng)建定制的Linux操作系統(tǒng)鏡像。這些工具可以幫助開發(fā)人員、系統(tǒng)管理員和Linux愛好者創(chuàng)建個性的Linux發(fā)行版、定制
    的頭像 發(fā)表于 11-23 09:56 ?1898次閱讀

    Python 可視化如何配色

    我們在利用Python進行數(shù)據(jù)可視化時,有著大量的高質(zhì)量庫可以用,比如: Matplotlib 、 seaborn 、 Plotly 、 Bokeh 、 ggplot 等等。但圖表好不好看,配色占
    的頭像 發(fā)表于 10-30 15:43 ?460次閱讀
    Python <b class='flag-5'>可視化</b>如何配色