D3.js version 7
此為 D3.js 畫圖表範例與教學網站。本系列使用目前 (2022年) D3.js 最新版 v7，並從基礎的 D3 背景知識與核心概念開始講解。
本系列包含
- 基礎背景知識：DOM、JS Event、CSS selection、SVG的原理
- D3.js 繁多如麻的 API 講解
- 看懂官方文件，找到 API 的使用方法
- 常見的基礎圖表與進階圖表範例
- 圖表常用的動畫與互動事件
D3.js 選取與綁定
匯入不同格式的檔案
JSON
csv/tsv/dsv
blob
xml
整理資料的 APIs
Array
Time Formats
Number Formats
Random
繪製形狀的三大 Helper Functions
Generator
Component
Layout
比例尺與軸線
比例尺
軸線/刻度/工具提示框
插補、色彩、RWD
插補 Interpolate
色彩
RWD
動畫與事件
動畫
transition
滑鼠事件
Mouse Event
工具提示框
Tooltips
進階互動事件
拖曳
Drag
縮放
Zoom
選取刷
Brush
原力
Force
常見圖表
圓餅圖
pie chart
甜甜圈圖
donut chart
散點圖
scatter chart
氣泡圖
bubble chart
長條圖
bar chart
複數長條圖
multiple bar chart
堆積長條圖
stacked bar chart
折線圖
line chart
多線折線圖
multiple line chart
面積圖
Area chart
合併圖表
Combined chart
地圖
Map