適合人群
想系統學習資料視覺化的前端工程師
技術儲備要求
掌握HTML、Javascript(ES6)
有Vue.js 、Node.js基礎

 

 

 

 

 

• 零程式設計東西

◦ 圖表（9個）

◦ 資訊圖（2個）

◦ 地圖（1個）

◦ 聯絡網路圖（1個）

◦ 數學圖形（1個）

• 開發者東西

◦ 圖表（10個）

◦ 地圖（4個）

◦ 聯絡網路圖（1個）

◦ 金融圖形（1個）

以下是正文

 

零程式設計東西

1) RAWGraphs

 

RAWGraphs是一個線上的資料視覺化開源東西，經常被用來處理Excel表中的資料。你只需求將資料上傳到RAWGraphs中，規劃出你想要的圖表，然後將其匯出為SVG格式或PNG格式的圖片。此外，上傳到RAWGraphs的資料只會在網頁端進行處理，確保了資料的安全性。

 

2) ChartBlocks

ChartBlocks是一個線上視覺化東西，它的智慧資料匯入導遊能夠引導你一步一步地匯入資料和規劃圖表，簡略易用，還能夠經過ChartBlocks一鍵在交際媒體（如Facebook和Twitter）上分享自己的圖表。你還能夠將圖表作匯出為SVG, PNG, JPEG格式的圖片以及PDF，也能夠生成原始碼並將圖表嵌入到網站上。除了免費的個人賬戶以外，ChartBlocks還供給功用更加強壯的專業賬戶和旗艦賬戶。

一些資料視覺化東西還為個人、團隊和企業供給了不同的版別，這些東西比免費東西有更豐厚的功用和技術支撐。

 

3) Tableau

Tableau是全球聞名度很高的資料視覺化東西，你能夠輕鬆用Tableau將資料轉化成你想要的形式。Tableau是一個十分強壯，安全，靈敏的剖析渠道，支撐多人協作。你還能夠經過Tableau軟體、網頁、甚至移動裝置來隨時閱讀已生成的圖表，或將這些圖表嵌入到陳述、網頁或軟體中。

 

4) Power BI

Power BI是微軟開發的商業剖析東西，能夠很好地整合微軟的Office工作軟體。使用者能夠自由匯入任何資料，如檔案、資料夾和資料庫，而且能夠運用Power BI軟體、網頁、手機應用來檢查資料。Power BI對個人使用者是免費的，團隊版也很便宜，單個使用者每月只收取9.9美元。

5) QlikView

QlikView的主要使用者是企業使用者，企業使用者能夠用QlikView輕鬆地剖析內部資料，而且運用QlikView的剖析和企業陳述功用來做決議計劃。你能夠在QlikView中輸入要查詢的關鍵字，QlikView能夠主動整合你的資料，協助你找到你意想不到的資料間的聯絡。QlikView同樣供給免費的個人版別。

 

6) Datawrapper

Datawrapper是一款線上資料視覺化東西，因為開創團隊有不少人是記者身世，因而Datawrapper專心於滿意沒有程式設計根底的寫作者的需求，協助他們製造圖表或地圖。有了Datawrapper，作者能夠製造出豐厚的圖表來招引讀者的眼球，一起更好地出現自己的內容。此外，Datawrapper的開創團隊還在網站的部落格中撰寫了許多有趣的文章，分享他們製造圖表的心得以及各種資料背後的故事。

 

7) Visme

Visme供給了很多的圖片、小圖示、模板、字型，供使用者製造簡報、圖表和陳述。有了Visme，你能夠隨時隨地檢查和出現你的內容。只需求3個步驟，你就能夠製造你自己的交際媒體（如Instagram和LinkedIn）圖表，而且支撐動態圖畫和實時資料。Visme還供給教育折扣和非盈利組織折扣。

 

8) Grow

Grow是一個僅供企業使用者運用的BI東西。有了Grow，企業裡的每個人都能夠跟蹤他們認為有意義的資料，並創立自己的特定資料儀表板，Grow還支撐從150多個資料來源匯入資料。Grow表明，他們的處理速度是競爭對手的8倍，並支撐超過300個預先構建的陳述和實時資料更新。

 

9) iCharts

iCharts是專心於NetSuite使用者和Google Cloud使用者的BI東西。iCharts能夠經過在NetSuite儀表板中新增iCharts BI東西來主動剖析資料並每週更新報表。iCharts還為Google Cloud使用者供給了一個強壯而直觀的介面，使用者能夠直接經過拖放操作處理資料。

---

資訊圖

 

10) Infogram

你能夠運用Infogram的免費模板創立資訊圖、圖表和地圖，而且一切的操作都是在網頁端完成的。你能夠下載生成後的圖表，或將這些圖表嵌入到網站中。Infogram功用強壯，很受使用者歡迎，使用者現已用它創立了超過15億次的圖表、陳述和資訊圖表。Infogram除了免費的根底版別外，還供給專業版別、企業版別等。

 

11)Visual.ly

有了http://Visual.ly，你能夠輕鬆地為自己的營銷活動創立資訊圖表、視訊、陳述和電子書。此外，使用者也在http://Visual.ly上傳了許多精巧的資訊圖。http://Visual.ly在活躍的交際使用者中十分流行，他們常常用http://Visual.ly主動生成自己的交際網路資訊圖。

---

地圖

 

12) InstantAtlas

InstantAtlas是能夠生成視覺化地圖陳述的SaaS服務，一起能夠供給專業的技術支撐。它使資訊剖析師和研究人員能夠創立動態的互動式地圖陳述，將統計資料和地圖結合起來。

---

聯絡網路圖

 

假如想將聯絡網路資料視覺化，有必要挑選專門的資料視覺化東西來生成聯絡網路圖中雜亂的節點和葉子。

 

13) Gephi

Gephi是一款著名的開源視覺化軟體，能夠處理聯絡資料並製造聯絡網路圖，例如，在微博等交際媒體上，誰關注誰；在推舉中，誰為誰投票；在企業中，誰與誰是上下級聯絡。

---

數學圖形

 

數學圖形在教育中應用廣泛，教師和學生們都經常運用數學圖形來快速生成函式圖形。

 

14) Wolfram|Alpha

Wolfram|Alpha被稱為核算常識引擎——能夠主動進行動態核算並返回視覺化圖形。Wolfram|Alpha基於Mathematica，其底層的資料處理是由Mathematica完成的，而Mathematica支撐幾許、數值和符號核算，具有強壯的圖形視覺化功用。因而，Wolfram|Alpha能夠解答各種各樣的數學問題，並向使用者供給清晰漂亮的圖形和答案。你還能夠升級到Wolfram|Alpha Pro，Wolfram|Alpha Pro支撐上傳資料和圖片進行剖析。

---

開發者東西

 

15) ECharts

ECharts最初是"Enterprise Charts"（企業圖表）的簡稱，來自百度EFE資料視覺化團隊，是用JavaScript完成的開源視覺化庫。ECharts的功用十分強壯，對移動端進行了細緻的優化，適配微信小程式，支撐多種烘托方法和千萬資料的前端展現，甚至完成了無妨礙拜訪，對殘障人士友好。

 

16) D3.js

D3.js是一個用於資料視覺化的開源的JavaScript函式庫，被認為是很好的JavaScript視覺化結構之一。開發者剛開始學習D3.js時會感到很雜亂，可是D3.js功用強壯，十分靈敏，值得開發者深化學習研究。需求留意的是，D3.js無法在較低版別的IE閱讀器中正常顯示圖形。

 

17) Plotly

Plotly是一個聞名的、功用強壯的資料視覺化結構，能夠構建互動式圖形和創立豐厚多樣的圖表和地圖。Plotly能夠供給比較罕見的圖表，比如等高線圖、燭臺圖（K線圖）和3D圖表，而大多數東西都沒有這些圖表。此外，Plotly的團隊還維護著增長飛快的R、Python以及JavaScript的開源視覺化庫。

 

18) Chart.js

Chart.js是一個開源的JavaScript函式庫，它為規劃人員和開發人員供給8個可定製的動態視覺化展現方法，用HTML5 Canvas高效地製造呼應式圖表。Chart.js支撐混合不同的圖表型別並製造日期和份額，甚至自定義資料範圍。Chart.js還具有豐厚的動畫作用，能夠應用於改動資料或者更新色彩時。

 

19) Google Charts

Google也開發了自己的JavaScript圖表函式庫Google Charts。Google Charts不只免費供給給開發人員運用，還有完全免費的三年的向後相容性確保。開發者能夠從各種圖表模板中進行挑選以創立互動式圖表，之後只需求將簡略的JavaScript嵌入到頁面中就能夠在網頁上展現這些圖表。

 

20) Ember Charts

Ember Charts是一個開源的函式庫，基於Ember.js和d3.js的結構，十分簡略擴充套件。Ember Charts是Ember.js的開發團隊製造的，專心於圖形互動。Ember Charts能夠製造很多種圖表，包含時刻序列圖表，它有很強的錯誤處理能力，當遇到錯誤資料時，體系也不會崩潰。

 

21) Chartist.js

Chartist.js是一群對其他圖表函式庫感到絕望的開發者們共同製造的函式庫。Chartist.js是開源的，且十分靈敏，開發者能夠用它來創立雜亂的呼應式圖表。Chartist.js裝備簡略，程式碼簡潔，還支撐自定義SASS架構。

 

22) Highcharts

Highcharts是一個用JavaScript編寫的開源JavaScript函式庫，開發人員能夠利用Highcharts輕鬆地將互動式圖表新增到網站或應用程式中。Highcharts能夠免費用於個人學習、個人網站和非商業用途。此外，Highcharts的相容性比D3.js更好。Highcharts在現代閱讀器中運用向量圖，在低版別的IE閱讀器中運用VML來製造圖形，所以它能夠在一切移動裝置和電腦閱讀器上運用。不過假如開發者想在商業網站、政府網站、企業內網或專案上執行Highcharts，需求購買許可證，一起能夠獲得Highcharts的技術支撐。

 

23) FusionCharts

FusionCharts是一個強壯的JavaScript函式庫，是許多聞名企業的挑選，需求收費，不過FusionCharts也供給了免費版別FusionCharts Free。FusionCharts能夠整合各種結構，整合已有資料創立商用儀表盤，還供給技術支撐服務。

 

24) ZingChart

ZingChart是用JavaScript完成的付費函式庫，作為SaaS供給給企業使用者。ZingChart供給的大資料圖表可在1秒內出現10萬個資料點，還支撐根據任何裝置鉅細縮放的呼應式和互動式圖表。個人使用者能夠運用ZingChart的免費版別，但匯出的圖表上會有水印。

---

地圖

 

25) Leaflet

Leaflet是一個開源JavaScript函式庫，能夠製造適配移動端的互動式地圖。Leaflet不只規劃簡略，運用方便，而且功用齊全，能夠完成的作用和功用不輸給其他的地圖。Leaflet適用於大多數PC和移動端，而且能夠經過很多的外掛進行擴充套件。

 

26) OpenLayers

OpenLayers是用於創立互動式網頁地圖的開源JavaScript函式庫，支撐絕大多數的閱讀器，不需求特別的伺服器端軟體或任何裝備，也不需求下載任何東西，就能夠直接運用。OpenLayers作為業界運用廣泛的地圖引擎之一，現已被大部分GIS供應商和大多數GIS開發人員所採用。

 

27)Kartograph

Kartograph是一個簡略的輕量級結構，能夠被用來構建互動式的虛擬地圖，能夠滿意規劃師和資料工作者的需求。Kartograph實際上是兩個函式庫：Kartograph.py是一個強壯的Python庫，能夠生成精巧的向量SVG地圖；Kartograph.js是JavaScript庫，能夠協助開發者在網頁上出現互動式地圖。

 

28) CARTO

CARTO（之前叫CartoDB）是一個開源、強壯的渠道，能夠主動發現和剖析地理位置資料。運用CARTO，你能夠上傳地理位置資料，並把這些資料視覺化為資料集或者互動式地圖。CARTO還能夠裝置在使用者自己的伺服器上，併為企業供給付費託管服務和軟體。

---

聯絡網路圖

 

Gephi是一款將聯絡資料視覺化的軟體，但我們們並不能把Gephi生成的圖表直接展現在網頁上。假如想在網頁上展現聯絡網路的圖表，我們們也能夠找到這樣的JavaScript函式庫。

 

29) Sigmajs

Sigmajs是一個互動式視覺化JavaScript函式庫，專門用於製造聯絡網路圖。Sigmajs能夠在網頁上顯示交際聯絡頭緒，在大資料交際網路視覺化中十分重要。Sigmajs還支撐展現從Gephi匯出的圖表，你能夠運用Sigmajs將這些圖表直接展現在網頁上。

---

金融圖表

 

假如想要在網頁上出現實時金融資料如股票K線圖，開發人員需求支撐時刻序列和密集型資料的特別圖表庫。

 

30) dygraphs

dygraphs是一個靈敏的開源JavaScript圖表函式庫，主要用於金融圖表，如股票K線圖。dygraphs能夠讓人更好地探究和理解密集型資料，它生成的互動式時刻序列圖表支撐滑鼠懸停顯示內容、縮放和平移，還支撐實時資料更新和挑選時刻範圍。

 

視覺化需求資料，怎麼快速獲取

八爪魚內建智慧形式，只需輸入網址，一鍵智慧識別收集資料