04 - スケール（Scale）

学習ポイント: D3.jsのスケール機能 - データ値を視覚的な値（位置、サイズ、色）に変換

1. Linear Scale（線形スケール）

d3.scaleLinear().domain([0, 100]).range([0, 500])
データ値 0〜100 を ピクセル 0〜500 に変換

2. Band Scale（バンドスケール）

d3.scaleBand().domain(categories).range([0, 500]).padding(0.2)
カテゴリを等間隔のバンドに配置

3. Ordinal Scale（序数スケール）- 色

d3.scaleOrdinal(d3.schemeCategory10)
カテゴリに色を割り当て

4. Sqrt Scale（平方根スケール）

d3.scaleSqrt().domain([0, 1000]).range([5, 50])
面積が値に比例するように半径を計算