資料視覺化是指將表格或者空間資料轉化為人類友好且直觀可視形式的處理機制。目前市面上的多款開源工具能夠幫助大家建立出實用且資訊豐富的圖形成果。在今天的文章中,我們將一同瞭解其中八種開源資料視覺化工具。

rYvABbV

Datawrapper

BZJR7jb

Datawrapper是由來自歐洲的多家新聞機構所打造,其設計主旨在於幫助新聞機構以更簡便的方式實現資料視覺化處理。這款工具擁有基於Web的圖形使用者介面,且承諾幫助使用者只需四步即可建立出一套圖形。

要建立出圖形成果,我們需要點選螢幕頂部選單欄中的“New Chart”。接下來,大家可以將資料直接貼上到文字框當中; 而後,該工具會對資料內容進行分析並顯示出預覽圖。如果內容顯示無誤,我們就能夠直接對結果進行釋出。Datawrapper是一款完全開源的處理工具,大家可以從GitHub頁面中下載並對其進行託管。此外,我們也可以直接在其網站上使用這款採取雲託管形式的付費服務。

Chart JS

Chart JS是一套簡潔的圖表庫。在開始建立圖表之前,大家需要將這套庫新增到自己的前端程式碼當中。完成這一步後,我們就能夠使用該庫提供的API進行圖表新增與賦值了。大家可以點選此處檢視更多技術細節資訊。這款工具非常適合那些需要精確控制外觀效果以及圖表顯示風格的使用者,不過如果大家不想給自己增加太多工作量,那麼最好還是選擇其它更易於上手的方案。

Charted

nY7je2

作為一款由Medium產品科學團隊打造的工具,Charted是目前我們能夠找到的體積最為小巧的線上圖形生成工具之一。大家可以直接將谷歌電子表格或者.csv檔案(輸入資料)的連結貼上進去,該工具則會根據資料內容建立出對應圖表。Charted每30分鐘獲取一次資料,從而確保圖表始終保持最新狀態。雖然提供免費線上方案,但大家也可以利用其原始碼託管自己的版本。

D3

aEv6Vj3

D3主要用於處理資料驅動型檔案。這是一套JavaScript庫,能夠幫助大家將隨機資料整理到DOM(即檔案物件模型)當中,而後對該檔案進行資料驅動型轉換。正如大家所知,DOM屬於程式設計API、允許程式設計師們將檔案作為物件進行訪問,而且這些物件直接反映出其所對應的檔案結構。D3提供的各API能夠被應用於DOM元素並將其轉換成HTML、SVG或者CSS檔案。不過需要強調的是,這種方法可能更適合程式設計師而非普通使用者,畢竟不是每個人都願意通過編寫程式碼來生成圖形。

Dygraphs

INfABr

Dygraphs是一套靈活且基於JavaScript的圖表庫。Dygraphs的最大吸引力在於它能夠處理大型資料集並生成可與終端使用者互動的輸出結果。要利用它建立相關圖表,使用者需要具備一定的Web程式設計背景知識,不過與本文前面提到的幾款工具相比、它仍然算是容易上手的選項。感興趣的朋友不妨點選此處檢視其示例庫,從而瞭解與其功能相關的更多內容。

Raw

Raw是一款基於Web的工具,允許大家輕鬆通過幾個步驟將資料貼上進來並建立出圖形成果。由於以D3.js庫為基礎,Raw的使用方式非常簡便而且能夠囊括D3的所有優點於一身,從而幫助非程式設計師類使用者享受到由此帶來的便利。

Timeline

大家在實際工作中,肯定經常遇到需要將事件作為連續時間軸顯示的情況。而Timeline這款工具正是為了這類任務而量身打造。要建立時間軸,大家只需要點選此處根據模板對自己的資料進行格式調整。將資料格式調整為谷歌電子表格之後,我們就能使用Timeline的生成器將其整理為圖表了——就是這麼簡單!現在大家還可以將成果轉化為嵌入程式碼,從而將其新增到網頁當中。感興趣的朋友可以點選此處檢視視訊教程,相信會讓您的Timeline探索之旅變得更加輕鬆。

Leaflet

移動閱讀已經成為當下構成高流量與高轉換率的關鍵所在。Leaflet是一款輕量級且移動友好型JavaScript庫,能夠幫助大家建立出互動式地圖方案。Leaflet在設計思路中強調便捷、效能與可用性水平。它能夠在全部主流桌面及移動平臺上直接執行,發揮現代瀏覽器當中對於HTML 5及CSS 3的全部支援優勢且同樣可以在傳統瀏覽器中正常起效。它能夠通過數量可觀的外掛實現擴充套件,擁有出色、易於使用且配備大量說明資料的API。原始碼內容不僅簡潔而且易於閱讀,大家在使用過程中將始終沉浸在開發的樂趣裡。

我希望今天的這份清單能夠幫助大家找到最適合實際需求的解決方案。如果各位對資料視覺化工具感興趣,請點選此處檢視這份涵蓋範圍更廣的列表——其中的工具數量超過50款。