12個(gè)實(shí)用的可視化工具網(wǎng)站和學(xué)習(xí)網(wǎng)站推薦

下面是一些常用的可視化工具和學(xué)習(xí)的網(wǎng)站以及一些私藏圖,無論是對于想學(xué)習(xí)數(shù)據(jù)可視化的設(shè)計(jì)師還是愛好者,都會(huì)有所幫助!

數(shù)據(jù)可視化是一個(gè)復(fù)合型的學(xué)科,它兼顧設(shè)計(jì)、藝術(shù)、數(shù)據(jù)分析、代碼、講故事于一身。

好在市場上,有非常非常多可視化工具網(wǎng)站,在幫助大眾節(jié)省掉寫代碼的復(fù)雜環(huán)節(jié),我們只需要?jiǎng)觿?dòng)鼠標(biāo),拖拽點(diǎn)擊便可生成各種各樣的數(shù)據(jù)可視化!

下面是我精選的一些常用的可視化工具和學(xué)習(xí)的網(wǎng)站以及一些私藏圖,我覺得對于想學(xué)習(xí)數(shù)據(jù)可視化的設(shè)計(jì)師還是愛好者,都會(huì)有所幫助!

一 可視化工具網(wǎng)站

1.CARTO Builder

CARTO Builder 是一個(gè)基于地理位置信息的開源可視化工具,通過這個(gè)網(wǎng)站,我們不僅可以生成常用的可視化地圖,還可對地理數(shù)據(jù)進(jìn)行篩選和分析。它可以快速發(fā)布、分享及導(dǎo)出圖片,大家??吹降狞c(diǎn)圖、區(qū)域圖、時(shí)間動(dòng)態(tài)地圖,都可以基于這個(gè)網(wǎng)站來完成。

↑ CARTO Builder網(wǎng)站內(nèi)容(  https://carto.com/builder/)  

上手指數(shù):☆ ☆ ☆ ☆   4

實(shí)用指數(shù):☆ ☆ ☆ ☆ ☆  5

創(chuàng)新指數(shù):☆ ☆ ☆ ☆   4

2.kepler.gl

kepler.gl是Uber數(shù)據(jù)可視化團(tuán)隊(duì)繼deck.gl產(chǎn)品之后又一簡單、模塊化的基于地理信息的可視化工具。通過這個(gè)網(wǎng)站,我們可以很輕松地生成各種各樣的3D地圖可視化,比如3D柱狀圖、拋物連線圖、點(diǎn)圖、熱力圖、軌跡圖等等。

↑ kepler.gl網(wǎng)站內(nèi)容(https://kepler.gl/  

上手指數(shù):☆ ☆ ☆ ☆ ☆ 5

實(shí)用指數(shù):☆ ☆ ☆ ☆ 3

創(chuàng)新指數(shù):☆ ☆ ☆ ☆ ☆ 5

3.Flourish

Flourish是由Flourish團(tuán)隊(duì)開發(fā)的一個(gè)在線可視化工具網(wǎng)站,這個(gè)網(wǎng)站的操作也非常的簡單,每一個(gè)圖表都提供了參考的數(shù)據(jù)案例,你可以在參考的數(shù)據(jù)上直接進(jìn)行修改,也可以上傳自己的數(shù)據(jù),通過這個(gè)網(wǎng)站,我們可以很輕松的生成市面上很火的動(dòng)態(tài)柱狀圖、動(dòng)態(tài)折線圖。當(dāng)然這個(gè)網(wǎng)站還有其他豐富的可視化圖表,你都可以一個(gè)一個(gè)打開研究一下。

↑ flourish網(wǎng)站內(nèi)容(https://flourish.studio/)  

上手指數(shù):☆ ☆ ☆ ☆   4

實(shí)用指數(shù):☆ ☆ ☆ ☆ ☆  5

創(chuàng)新指數(shù):☆ ☆ ☆ ☆ ☆  5

4.愛圖說

愛圖說是一個(gè)非常簡單容易上手的一個(gè)可視化工具網(wǎng)站,只需要簡單的三步:導(dǎo)入數(shù)據(jù),選擇模板,設(shè)置參數(shù)即可生成可視化圖表。在處理一些基礎(chǔ)圖表時(shí),選擇這個(gè)網(wǎng)站再合適不過了。


↑ 愛圖說網(wǎng)站操作界面(https://www.itushuo.com/)  

上手指數(shù):☆ ☆ ☆ ☆ ☆  

實(shí)用指數(shù):☆ ☆ ☆ ☆ ☆  5

創(chuàng)新指數(shù):☆ ☆ 2

5.RAWGraphs

在講到?;鶊D、詞云的教程的時(shí)候我有介紹過這個(gè)網(wǎng)站。RAWGraphs簡稱RAW,它是一款網(wǎng)頁端的快速生成可視化圖表的網(wǎng)站,對于不懂代碼的小白來說, 它的操作真的簡單粗暴。通過拖拽數(shù)據(jù)的方式,便可生成各種各樣的可視化圖表,最后,還可導(dǎo)出SVG格式,在AI進(jìn)行美化加工。  


↑ RAWGraphs網(wǎng)站內(nèi)容(https://rawgraphs.io/

上手指數(shù):☆ ☆ ☆ ☆ ☆  5

實(shí)用指數(shù):☆ ☆ ☆ ☆ ☆  5

創(chuàng)新指數(shù):☆ ☆ ☆ ☆   4

6.Charticulator

我在講  任意角度變種柱狀圖時(shí)有講到這個(gè)網(wǎng)站,它是微軟研究院的一個(gè)數(shù)據(jù)可視化產(chǎn)品,無需代碼,無需設(shè)計(jì)功底,直接通過拖拽數(shù)據(jù)的方式,就可以快速生成定制化的可視化圖表,和RAW不同的地方是,我覺得這個(gè)更像是玩數(shù)據(jù),不拘于模板自己自定義進(jìn)行生成。

↑ Charticulator網(wǎng)站首頁(https://charticulator.com/)  

上手指數(shù):☆ ☆ ☆ ☆  4

實(shí)用指數(shù):☆ ☆ ☆ ☆ ☆  5

創(chuàng)新指數(shù):☆ ☆ ☆ ☆ ☆  5

常用學(xué)習(xí)網(wǎng)站推薦  

1.The Data Visualisation Catalogue

The Data Visualisation Catalogue網(wǎng)站是由可視化設(shè)計(jì)師SeverinoRibecca開發(fā)的一個(gè)網(wǎng)站,該網(wǎng)站提供搜索功能和檢視列表兩種方式對數(shù)據(jù)可視化的呈現(xiàn)形式進(jìn)行查詢搜索,具體點(diǎn)開每一種形式,還附帶了該呈現(xiàn)形式的具體用法和可實(shí)現(xiàn)的工具。

我在日常工作中,當(dāng)對可視化呈現(xiàn)方式想要更加豐富或者無從下手時(shí),就經(jīng)常通過這個(gè)網(wǎng)站尋找一些靈感。

↑ The Data Visualisation Catalogue 網(wǎng)站內(nèi)容(  https://datavizcatalogue.com/ZH/index.html)  

2.Data Viz Project

Data Viz Project是一個(gè)數(shù)據(jù)可視化圖表種類查詢的網(wǎng)站,該網(wǎng)站最開始是供團(tuán)隊(duì)內(nèi)部學(xué)習(xí)使用的,后來開放出來了。

我們可以通過圖表類型、功能、數(shù)據(jù)格式、形狀四種方式對數(shù)據(jù)可視化圖表樣式進(jìn)行查詢。該網(wǎng)站最最友好的一點(diǎn)就是,每一種圖表類型下面都附帶了該圖表類型優(yōu)秀的參考案例,這樣用戶不僅可以學(xué)習(xí)圖表相關(guān)的使用知識(shí),也可學(xué)習(xí)參考優(yōu)秀的圖表案例,這對于沒有靈感想要提升創(chuàng)新、美觀度的設(shè)計(jì)師、編輯來說是非常有用的。

↑ Data Viz Project 網(wǎng)站內(nèi)容(  https://datavizproject.com/

3、圖之典

圖之典(Gradict),是由國內(nèi)一群對數(shù)據(jù)可視化充滿熱情的人共同建立起來的,里面涵蓋了我們常用的圖表使用規(guī)范,并且收錄了很多國內(nèi)外優(yōu)化的可視化案例,其中在介紹南丁格爾玫瑰圖時(shí),也講到了DT的作品,如果大家覺得看英文網(wǎng)站不是很方便,那么來圖之典網(wǎng)站就可以了。


↑ 圖之典網(wǎng)站內(nèi)容(http://tuzhidian.com/)  

4、From Data to Viz

From Data to Viz是一個(gè)以樹狀結(jié)構(gòu)查詢數(shù)據(jù)可視化呈現(xiàn)類型的網(wǎng)站,擁有什么樣的數(shù)據(jù)可在對應(yīng)的類型上進(jìn)行查詢,同時(shí)該網(wǎng)站還提供了可實(shí)現(xiàn)圖表類型的工具網(wǎng)站。

↑From Data to Viz網(wǎng)站內(nèi)容(https://www.data-to-viz.com/

5.The Kantar Information is Beautiful Awards凱度信息之美

凱度信息之美獎(jiǎng)(The Kantar Information is Beautiful Awards)是由英國數(shù)據(jù)記者David McCandless于2012年創(chuàng)立的評選信息與數(shù)據(jù)可視化優(yōu)秀作品的一個(gè)獎(jiǎng)項(xiàng)。該網(wǎng)站收錄了非常多的優(yōu)秀可視化作品,相當(dāng)于評選數(shù)據(jù)可視化作品的奧斯卡,表哥在需找靈感的時(shí)候會(huì)經(jīng)常到這個(gè)網(wǎng)站看一些優(yōu)秀的作品。學(xué)習(xí)他們的配色、可視化樣式等等,2019年我們的飛機(jī)專題可視化作品也入圍了凱度的longlist。

↑ 凱度信息之美獎(jiǎng)網(wǎng)站內(nèi)容(https://www.informationisbeautifulawards.com/

6.The Visualization Universe

The Vsualization Universe 是一個(gè)可以看到數(shù)據(jù)可視化圖表、書籍、工具軟件在Google上搜索熱度變化的一個(gè)網(wǎng)站,數(shù)據(jù)每天都會(huì)進(jìn)行更新,這對大家學(xué)習(xí)哪些工具、軟件,看什么樣的可視化書籍,使用什么樣的圖表是非常有參考價(jià)值的。

↑ The Visualization Universe網(wǎng)站內(nèi)容(http://visualizationuniverse.com/)    

一定要收藏和反復(fù)看的可視化圖

1.可視化類別分類圖

↑ 圖片來源于網(wǎng)絡(luò)

2.圖表建議-思維指南

↑ 圖片來源于網(wǎng)絡(luò)  

3.信息圖的制作流程

↑ 圖片來源于網(wǎng)絡(luò)

4.英國《金融時(shí)報(bào)》視覺新聞小組撰寫的可視化辭典

↑ 圖片來源于網(wǎng)絡(luò)

5.如何選擇適合你的可視化工具、軟件

↑ 圖片來源于網(wǎng)絡(luò)

6.數(shù)據(jù)可視化在生產(chǎn)鏈路中的位置

↑ 圖片來源于網(wǎng)絡(luò)

總結(jié) 

數(shù)據(jù)可視化網(wǎng)上的干貨學(xué)習(xí)資源還有很多,信息是公開的,重要的是你是否感興趣,并進(jìn)行學(xué)習(xí)。  

還是我一直提到的方法論理念:  不要局限于工具、軟件本身,任何的工具、軟件都是為你的作品服務(wù)的!只要是能夠提升效率,完成作品,我們就可以在多種工具、軟件、網(wǎng)站中進(jìn)行跨界的結(jié)合使用。

把這篇講的工具資源學(xué)習(xí)網(wǎng)站和我一直反復(fù)強(qiáng)調(diào)的方法論總結(jié)起來,就是下面的這張圖了!

0122e25f65c70611013f31103d77be.jpg


相關(guān)素材:




文章來自微信公眾號(hào):南京路表哥

每天更新,
全站高品質(zhì)素材免費(fèi)下載!