iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
0
Modern Web

資料視覺化!D3入門到實戰系列 第 30

Day30 整理與後記

終於來到最後一天了,那今天就來總結一下這三十天到底學了什麼吧~

首先在開始之前,先稍微介紹了一下最近很夯的資料視覺化是什麼,以及簡介D3與使用D3的理由:

接著因為D3最主要是使用SVG當作畫布畫圖,所以花了點時間理解SVG,並說明D3與SVG該怎麼搭配使用:

從第五天開始難度開始提高,先理解數據在d3中該如何整理、使用,並實際將資料繪製到網頁上,另外也說明了D3的關於比例、比例尺的基礎。有了這些概念以後碰到不同的圖表也能很輕鬆地應對:

因為這系列的文章主題是從入門到實戰,我覺得學程式也是從做中學進步的比較快,在剩下的天數當中,我們就實作了兩個蠻大的專案:天氣圖、Github貢獻值,希望大家能從零開始作出自己的圖表,同時拿到最真實的資料並部署:

最後則整理了一些資料視覺化的學習資源,讓不管是想認真鑽研該如何呈現的設計師或是想深入技術的工程師有大致的方向:


說到當初為什麼選擇這個題目,會選擇這個主題的原因蠻多的,首先因為之前工作上與接案上都有使用D3,所以跟他算蠻熟的,再來就是我自己之前在學這個Library的時候發現中文資源真是少得可憐,要不然就是很久以前的資料。期待對大家以後在找參考資源的時候有很大的幫助~


上一篇
Day29 推薦進修方向與學習資源
系列文
資料視覺化!D3入門到實戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言