系列文章
Day11－D3 Mouse Event 滑鼠事件
本篇大綱：click、hover、mouseover、mousemove 由於 D3.js 是操作DOM元素去建構圖表，因此DOM元素能使用的觸發事件，D3...
Day12－D3 的 Tooltips
本篇大綱：tooltips 基礎設定、tooltips 進階應用 今天我們要來講解算是D3最輕鬆簡單的 tooltips 啦！其實所謂的tooltips就是...
Day13－D3 的 Drag 拖曳
本篇大綱：selection.call( )、drag.on( )、範例 今天要來看另一個d3有趣的互動事件：Drag 拖曳！ 我們先來看看官方文件關於 d...
Day14－D3 的 Force 原力
本篇大綱：Force 原理、引力與斥力、五種作用力、Force的 API 們、六種應用範例 今天要來講講 Force 原力～這是我認為D3中數一數二困難的圖...
Day15－D3 的 Zoom 縮放
本篇大綱：d3.zoom( )、zoom 旗下的API、範例 上一篇看完讓人燒腦的Force之後，我們這次來看看 D3 另一個有趣的特效：Zoom 縮放～它...
Day16－D3 的 Brush 刷子
本篇大綱：d3.brush( )、brush 的 API 們、範例 今天我們要來看本系列的最後一個互動效果，那就是 — Brush 刷子啦！Brush 的功...
Day17－D3 的 Scale( ) 比例尺
本篇大綱：Domain & Range 輸入域與輸出域、Interpolate 插補值、continuous & discrete 連續性與離...
Day18－D3 的 Axis( ) & ticks( ) 軸線與刻度
本篇大綱：軸線的組成、建立軸線的必備工具、繪製軸線的API、ticks 刻度、XY 軸範例 講了好久終於進到軸線與刻度了！！！前面的章節看完比例尺之後，接下...
Day19－D3 的 RWD 圖表
本篇大綱：window.resize、RWD 圖表、軸線刻度數量隨畫面變化增減 前兩篇看完比例尺跟軸線後，現在D3的知識拼圖就只差最後這塊啦！今天我們要學的...
Day20－D3 基礎圖表：圓餅圖
本篇大綱：選擇最合適的圖表、圓餅圖、本次範例的畫面與互動效果、pie( ) 與 arc( )、繪製圓餅圖 終於要正式進到一天一張圖的篇章了！在開始繪製圖表之...