30 個(gè)把數(shù)據(jù)可視化的簡(jiǎn)單工具

5 評(píng)論 56899 瀏覽 54 收藏 20 分鐘

Big Data 的重要性與日俱增,許多企業(yè)的資料庫(kù)內(nèi)都收集了非常多消費(fèi)者資料,但要將這一筆筆冷僻又繁雜的數(shù)字與名目資料轉(zhuǎn)化為有價(jià)值、為企業(yè)帶來(lái)效益的策略擬定參 考,需要倚賴資料科學(xué)家的腦袋與適當(dāng)?shù)慕y(tǒng)計(jì)軟體,再把結(jié)果圖表化,讓一般企業(yè)、大眾都看的懂,也就是「看圖說(shuō)故事」與「數(shù)字會(huì)說(shuō)話」兩者的結(jié)合。

但有哪些簡(jiǎn)單又實(shí)用性高、不需要專業(yè)的編碼知識(shí)、也不需要特別的訓(xùn)練就可以用的軟體呢?以下介紹 30 個(gè)著名的資料圖表化軟體給大家參考,想要讓顧客聽(tīng)懂你在說(shuō)什么、說(shuō)服你的客戶就靠它們了!

1. iCharts

iCharts?是能夠連接市場(chǎng)研究出版者、經(jīng)濟(jì)及產(chǎn)業(yè)面的資料和專業(yè)的消費(fèi)者的平臺(tái),擁有數(shù)以萬(wàn)計(jì)的圖表,涵蓋層面包刮商業(yè)、經(jīng)濟(jì)、運(yùn)動(dòng)和其他類別,它讓大眾能夠簡(jiǎn)單的了解并能夠跟上世界最新統(tǒng)計(jì)資料的腳步。

為了擁有龐大的資料量,它提供以云端為基礎(chǔ)和受專利保護(hù)的圖表工具,讓企業(yè)和個(gè)人都能推出品牌、 行銷以及用圖表分享他們的資料,透過(guò)網(wǎng)站分享給數(shù)百萬(wàn)的人。很棒的是,iChart 提供免費(fèi)帳戶給使用者,讓你能夠使用基本的互動(dòng)是圖表,當(dāng)你花錢購(gòu)買更進(jìn)階的版本,你就能使用更多不同的功能;圖表本身是具有互動(dòng)性的,因此可以從 Google Docs、Excel spreadsheet 和其他來(lái)源擷取。

2. Fusion Charts Suit XT

Fusion Charts Suit XT?是一個(gè)專業(yè)的、進(jìn)階版的 JavaScript chart library,讓我們能夠建出任何形式的圖表。

採(cǎi)用 SVG(Scalable Vector Graphics,可縮放向量圖形)和支持超過(guò) 90 種以上的圖表類型,包括 3D、甘特圖(gantt)、各種不同的壓力表圖(gauges chart)、漏斗圖(funnel chart),甚至世界 / 各州 / 個(gè)國(guó)家的地圖。同樣地,大部分的圖表包含 2D 及 3D 的視圖,圖表是完全可客制化的,標(biāo)籤、字體、邊界等等全部都是可以依使用者作改變。

除此之外,他們也重視工具間的互動(dòng)性,提示框(tooltips)、向下延伸資料(drill down)、可點(diǎn)選的圖例關(guān)鍵字(legend keys)、縮放及上下捲動(dòng),以及一次按鍵進(jìn)行圖表輸出或列印。

3. Modest Maps

Modest Maps?是一個(gè)小而可延伸、給想要使用互動(dòng)式地圖的設(shè)計(jì)師和開(kāi)發(fā)者的免費(fèi)的圖書(shū)館,提供核心設(shè)定在緊密、清楚的套件特色,擁有許多額外的功能。

4. Pizza Pie Chart

Pizza Pie Chart?是建立在來(lái)自 Adobe 的 Snap SVG 結(jié)構(gòu)基礎(chǔ)上的圓餅圖(pie chart),透過(guò) HTML 和 CSS 而非 JavaScript 物件,專注于進(jìn)行簡(jiǎn)單的整合,但你仍可以透過(guò) JavaScript 物件連結(jié)到 Pizza。

更方便的是,你可以傳送餅圖到任何有 Pizza 的裝置,在傳送后,餅圖會(huì)自動(dòng)變成合適的大小形式,當(dāng)然也可以固定它最大的長(zhǎng)寬。

5. Raw

Raw?是免費(fèi)且開(kāi)源的網(wǎng)站應(yīng)用程式,為彈性地視覺(jué)化資料并盡可能以最簡(jiǎn)單的方式進(jìn)行。

事實(shí)上它將自身定位為「彌補(bǔ)電子表格(spreadshit)應(yīng)用程式和向量圖表編輯之間的遺 漏」,藉由下載資料設(shè)定、復(fù)制貼上或是拖曳資料,讓我們能夠客制化瀏覽或分層。以受觀迎的 D3,js 為基礎(chǔ),支援各種不同的圖表類型像是樹(shù)狀圖、氣泡圖(bubble chart)等等,客戶端安裝 Raw 是非常直接的。

6. Leaflet

Leaflet?是現(xiàn)代化開(kāi)源的 JavaScript library,是為了手機(jī)優(yōu)化的良好互動(dòng)地圖。

容量只占 JavaScript 的 31KB,擁有所有大部分開(kāi)發(fā)商所需要線上地圖的特色,Leaflet 融合了簡(jiǎn)單、效能及實(shí)用性三者的設(shè)計(jì),有效率的跨桌上型及行動(dòng)手機(jī)平臺(tái)高效能地運(yùn)作,雖以 HYML5 及 CSS3 為優(yōu)勢(shì),但仍能夠讓版本較早的瀏覽器進(jìn)行瀏覽動(dòng)作。

7. Chartkick

Chartkick?是 Ruby gem(同樣也是 JavaScript API-由 JavaScript 語(yǔ)言編寫(xiě)的應(yīng)用程式埠)為了能簡(jiǎn)單又快速地創(chuàng)造出好看的圖表。整合了兩大圖表庫(kù):Highcharts 以及 Google Charts,并能夠使用和這兩個(gè)圖庫(kù)相同的功能來(lái)建立圖表,支援多種圖表類型以及單一圖表含多樣系列,同樣地,像是剛剛所提到地 Chartkick.js,不需要 Ruby 也能夠帶給用戶端相同的功能。

8. Ember Charts

Ember Charts?是由 Ember.js 和 D3.js 架構(gòu)所建立地圖表庫(kù),它包含時(shí)間序列、長(zhǎng)條圖、元餅圖以及散布圖,容易修改并做延伸。這些圖表的元素可以看出在圖表互動(dòng)性及呈現(xiàn)上,完整地實(shí)踐了他們的想法。

9. Springy

Springy?是 一個(gè)以力導(dǎo)向的圖表版面配置演算法,也就是說(shuō),彈性地使用真實(shí)世界的物理來(lái)嘗試并理解如何呈現(xiàn)一個(gè)好看的網(wǎng)絡(luò)型圖表,Springy.js 設(shè)計(jì)的小且且簡(jiǎn)單,它提供一個(gè)抽象化圖表操作以及計(jì)算版面配置,畫(huà)版面配置以及互動(dòng)都是隨個(gè)人喜好,這代表說(shuō),你可以使用 canvas、SVG、WebGL 甚至是舊版的 HTML 要素。

10. Bonsai

?

Bonsai?是 一個(gè)為了建構(gòu)圖表以及動(dòng)畫(huà)的開(kāi)源 JavaScript liabrary,由這個(gè)圖庫(kù)提出使用 SVG 以及功能充足的 API 得出的結(jié)果,支援建構(gòu)簡(jiǎn)單的圖形如長(zhǎng)方形、圓形或橢圓等,有了特定的功能以及為了能客制化圖形的路徑函數(shù),針對(duì)不同形狀做顏色、梯度變化率以及漏斗型的篩 選如灰階、透明度等應(yīng)用。

11. Google Charts

Google Charts?提供了非常棒的方式能在網(wǎng)站上視覺(jué)化資料,從一條簡(jiǎn)單的線圖到很復(fù)雜的階層型樹(shù)狀圖,圖庫(kù)藝?yán)忍峁┝朔浅6嗫墒褂玫膱D表類型,對(duì)于專業(yè)視覺(jué)畫(huà)的圖表如地理圖、動(dòng)態(tài)壓力圖等,是十分好用的工具;另外包內(nèi)建含動(dòng)畫(huà)和使用者互動(dòng)控制的功能。

12. jsDraw2DX

jsDraw2DX?是一個(gè)獨(dú)立于 JavaScript liabrary、為利用 SVG 產(chǎn)生任何形式的互動(dòng)圖,除了有能夠產(chǎn)生任何基本的圖形如線、長(zhǎng)方形、多邊形、圓形、橢圓、弧形等等之外,它也能畫(huà)出曲線、任何度數(shù)的貝茲曲線(Beziers)、函數(shù)繪制圖等等。

13. Cube

Cube?同樣也是開(kāi)源系統(tǒng),能視覺(jué)化時(shí)間序列資料,建立在 MongoDB、Node 以及 D3。如果你將 Cube 傳送到時(shí)戳事件,你能在內(nèi)部后臺(tái)簡(jiǎn)單地建立集合矩陣的實(shí)境視覺(jué)化。舉例來(lái)說(shuō),你也許可以使用 Cube 來(lái)監(jiān)控網(wǎng)站瀏覽量、計(jì)算每五分鐘下載量。

14. Gantti

Gantti?是 一個(gè)為了快速地產(chǎn)生 Gantt 圖表的開(kāi)源 PHP 類別,這些圖表單純地涵蓋了 HTML5-CSS3,而沒(méi)有任何 JavaScript。預(yù)設(shè)的圖表結(jié)果看起來(lái)就已經(jīng)很有親和力了,但也能很簡(jiǎn)單地客制化,它運(yùn)作只單純地透過(guò)定義開(kāi)始入口以及結(jié)束時(shí)間、要求單一函數(shù)指 令;同樣地,這些圖表能夠跨瀏覽器。

15. Smoothie Charts

Smoothie Charts?是 真的小型地圖表資料庫(kù),主要是為了實(shí)際現(xiàn)場(chǎng)串流資料。雖然有很多圖表資料庫(kù)能讓你動(dòng)態(tài)地更新資料內(nèi)容,但沒(méi)有一個(gè)能真正地優(yōu)化持續(xù)性的串流資料。 Smoothie Charts 目前只能在 Chrome 和 Safari 上運(yùn)作,事實(shí)上,相較于其他視覺(jué)化形式的資料庫(kù)像是 Flot,它比較不好用;但是,還是得強(qiáng)調(diào),它真的非常擅長(zhǎng)于展現(xiàn)串流資料。

16. Envision.js

Envision.js?是 一個(gè) JavaScript liabrary,用來(lái)簡(jiǎn)化創(chuàng)造快速又具有互動(dòng)性的 HTML5 視覺(jué)化圖像。它有兩種不同的圖表類型:財(cái)務(wù)型的時(shí)間序列資料以及專為開(kāi)發(fā)者所用的 API 以建立客制化圖表。它採(cǎi)用 framework-agnostic 模型以及依賴部分微型圖表庫(kù)。

17. BirdEye

BirdEye?是 Declarative Visual Analytics,它屬于一個(gè)群體專案,為了要提升設(shè)計(jì)和廣泛的開(kāi)源資料視覺(jué)化發(fā)展,并且為 Adobe Flex 建視覺(jué)分析圖庫(kù),這個(gè)動(dòng)作以敘述性的資料庫(kù)為主,讓使用者能夠建立多元資料視覺(jué)化介面來(lái)分析以及呈現(xiàn)資訊。

18. Arbor.js

Arbor.js?是由網(wǎng)頁(yè)工程師以及 jQuery 所建立的圖表視覺(jué)化資料庫(kù),提供有效率、以力導(dǎo)向的版面配置演算法,抽象畫(huà)圖表組織以及篩選更新的處理。

它不受限于你必須要用特定的方法來(lái)進(jìn)行螢?zāi)焕L畫(huà),可以使用 canvas、SVG 甚至是 HTML 定位要素,能夠依據(jù)你的專案來(lái)選定你需要的東西。Arbor.js 幫助你專注于圖表資料以及它的特色,而非要花一堆時(shí)間在數(shù)學(xué)運(yùn)算來(lái)產(chǎn)出版面配置。

19. Gephi

Gephi?對(duì)于所有類型的網(wǎng)絡(luò)及復(fù)雜的系統(tǒng)、動(dòng)態(tài)性和階層圖等,都兼具互動(dòng)性視覺(jué)化以及搜尋平臺(tái)。以圖表為基礎(chǔ)的視覺(jué)化者以及資料搜尋者,不只能夠應(yīng)付大量的資料集,還能創(chuàng)出美麗的圖表,同樣也能讓你篩選、清除不必要的資料。

20. HighChartjs

Highcharts JS?是 單純由 JavaScript 所寫(xiě)的圖表資料庫(kù),提供簡(jiǎn)單的方法來(lái)增加互動(dòng)性圖表道你的網(wǎng)站或是網(wǎng)站應(yīng)用程式。目前它能支援線圖、樣條函數(shù)圖(spline)、面積圖、面積樣條函數(shù)圖 (areaspline)、柱狀圖、長(zhǎng)條圖、圓餅圖和散布圖等等。特別的是,它能夠在現(xiàn)代瀏覽器像是 iPhone 和版本 6 的 IE 等運(yùn)作,不需要特別的程式設(shè)計(jì)技術(shù),就能設(shè)定 Highcharts 組態(tài)。

21. Javascript InfoVIS Toolkit

JavaScript InfoVis Toolkit?提供創(chuàng)造網(wǎng)站上的 Interactive Data Visualizations,這個(gè)資料庫(kù)擁有很多獨(dú)特的樣式以及動(dòng)畫(huà)編輯效果,而且也是免費(fèi)的。

22. Axiis

Axiis?是開(kāi)源資料視覺(jué)化架構(gòu),專為初學(xué)者以及專業(yè)開(kāi)發(fā)者設(shè)計(jì),Axiis 給予開(kāi)發(fā)者有辦法來(lái)深入的定義資料視覺(jué)化,只要透過(guò)簡(jiǎn)要而直觀的標(biāo)籤語(yǔ)言。Axiis 提供預(yù)建的視覺(jué)化內(nèi)容以及抽象的版面配置模板,以及讓你能夠創(chuàng)造自己獨(dú)特的視覺(jué)化圖表。

23. Protovis

Protovis?是 使用 canvas 元素的 JavaScript 視覺(jué)化工具包,利用圖表的方法讓資料視覺(jué)化,透過(guò)基本的幾何圖如柱狀圖與點(diǎn)圖,來(lái)組合客制化的資料瀏覽。這些幾何圖被稱作為 marks,每個(gè) mark 經(jīng)過(guò)編碼后成一筆視覺(jué)化資料,并且透過(guò)動(dòng)態(tài)性,像是顏色及位置來(lái)呈現(xiàn),當(dāng)然你可以有趣地來(lái)結(jié)合它們來(lái)變得更豐富、又具互動(dòng)性的視覺(jué)資料。

24. HumbleFinance

HumbleFinance?是 一個(gè) HTML5 資料視覺(jué)化工具,和 Google Finance 的 Flash 圖表很相似,利用 Prototype 和 Flotr libraries,不受限只有呈現(xiàn)財(cái)務(wù)資料,任兩個(gè)分享在橫軸的 2D 的資料都能夠可以。資料必須儲(chǔ)存在 JavaScript 變數(shù),以及在跑函數(shù)來(lái)產(chǎn)生圖表前,需要設(shè)定三個(gè)參數(shù)??梢允謩?dòng)地選擇一部分的資料,并放大該部分的資料,這是一個(gè)非常有用的功能當(dāng)你在處理大量的資料時(shí)。

25. D3.js

D3?是一個(gè)為了操作以資料為主的 HTML 文件,小而免費(fèi)的 JavaScript library。D3 能夠幫助你快速的視覺(jué)化你的資料,不論是 HTML 或是 SVG 都可以,并且可以進(jìn)行互動(dòng)性、合併流暢的轉(zhuǎn)換以及階段性動(dòng)態(tài)到你的頁(yè)面上。

D3 不是傳統(tǒng)的視覺(jué)化架構(gòu)。D3 只解決問(wèn)題的癥結(jié)點(diǎn):有效率的操作資料文件,這反而給予 D3 特別的彈性,能夠在 CSS3、HTML5 以及 SVG 上功能都很完整。

26. Dipity

Dipity?讓你能夠建立免費(fèi)的數(shù)位時(shí)間軸,不只建立,在互動(dòng)模式下還能分享、插入,視覺(jué)化的時(shí)間軸能夠整合到影音、圖片、文字、連結(jié)、社群媒體、時(shí)戳以及位置中。

27. Kartograph

Kartograph?不 需要任何地圖提供者像 Google Maps,用來(lái)建立互動(dòng)式地圖,由兩個(gè) libraries 組成:從空間數(shù)據(jù)開(kāi)放格式,利用向量投影的 Python library 以及 Post GIS,并將兩者結(jié)合到 SVG 和 JavaScripts library,并把這些 SVG 資料轉(zhuǎn)變成互動(dòng)性地圖。

28. TimeFlow

TimeFlow Analytical Timeline?是為了暫時(shí)性資料的視覺(jué)化工具,現(xiàn)在有 alpha 版本因此有機(jī)會(huì)可以發(fā)現(xiàn)差錯(cuò),提供了以下不同的呈現(xiàn)方式:時(shí)間軸、日歷、柱狀圖、表格等。

29. Paper.js

Paper.js?是一個(gè)開(kāi)源向量圖表敘述架構(gòu),能夠在 HTML5 Canvas 運(yùn)作,對(duì)于初學(xué)者來(lái)說(shuō)它是很容易學(xué)習(xí)的,其中也有許多專業(yè)面向可以提供中階及高階使用者。

30. Visualize Free

Visualize Free?是 一個(gè)建立在高階商業(yè)后臺(tái)集游 InetSoft 開(kāi)發(fā)的視覺(jué)化軟體免費(fèi)的視覺(jué)分析工具,視覺(jué)化是一個(gè)很棒的方法,從多元變量資料篩選并看其趨勢(shì),或是利用簡(jiǎn)單地點(diǎn)及方法來(lái)切割資料或是小范圍的資料,如果 你正在找一個(gè)方法來(lái)視覺(jué)化搜尋并呈現(xiàn)資料,而一般的 office 圖表軟體沒(méi)辦法處理,那 Visualize Free 會(huì)是一個(gè)很棒的選擇。

原文來(lái)自:科技橘報(bào) ? FastCompany

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 感覺(jué)樓主提到的都是一些國(guó)外的工具哎,強(qiáng)烈安利一個(gè)免費(fèi)的國(guó)內(nèi)可視化工具:https://me.bdp.cn/home.html?=qs$@%

    來(lái)自日本 回復(fù)
  2. 請(qǐng)問(wèn)在那里可以下載這些工具?

    來(lái)自廣東 回復(fù)
  3. 有些收費(fèi)的不說(shuō)清楚,等上線了官司打過(guò)來(lái)怎么辦

    來(lái)自北京 回復(fù)
  4. 看的眼花繚亂,有實(shí)際實(shí)踐過(guò)這幾個(gè)的童鞋能comments一下咩?

    來(lái)自上海 回復(fù)