系列文章
DAY 1
Day1－前言：三十天成為D3好手
本篇大綱： 為何選此主題 為何不使用框架 這三十天要講的大綱 Github 程式碼與 Github Page 為何會選 D3.js 這個主題 磨了好久終...
DAY 2
Day2－D3基礎介紹
輕鬆的前言看完了，今天我們就來正式進入D3的世界吧！ 本篇大綱：基礎介紹與運作原理、使用目的/優缺點、版本變化、酷炫D3網站、推薦閱讀與參考資源（含官方文件）...
DAY 4
Day4－ D3選取器：Selection
本篇大綱：selection 重點概述、selection 提供的 API、selection 調整元素樣式、selection 增減元素 上一章講完 SV...
DAY 5
Day5－D3 資料綁定 Data Binding：data( ) 跟 datum( )
本篇大綱：Joining Data、綁定 DOM 元素跟資料的方法、data 跟 datum 的比較、何時該用 data / datum 上一章講解完 D3...
DAY 6
Day6－D3 資料綁訂 Data Binding： 資料狀態enter、update、exit
本篇大綱：Enter / Update / Exit 狀態、增減資料數量與DOM元素不匹配的方法、神奇的d 今天要來講資料綁定的第二個部分：根據資料與 DO...
DAY 7
Day7－D3 不同格式檔資料匯入的API
本篇大綱：Fetch 檔案的 API 們：d3.json( )、d3.csv( )、d3.tsv( )、d3.dsv( ) 今天我們要來看到 D3 的另外一...
DAY 8
Day8－D3 資料整理的API們：Array、Time Formats、Number Formats、Random
整理資料的API們：Array、Time Formats、Number Formats、Random 上一篇介紹完怎麼取得不同格式的資料後，接著要來看的是：...
DAY 9
Day9－D3繪圖：繪製形狀的Helper Functions
本篇大綱：Generator、Component、Layout 截至目前，我們已經學會 D3 如何將資料與DOM 元素綁定來呈現資料視覺化，也知道要怎麼將資...
DAY 10
Day10－D3 Transition 動畫
本篇大綱：transition( ) 移動、變換顏色、transition.delay( )、transition.ease( )、transition.o...