D3.js の学習

D3.js（データを元に、DOMを操作するJSのライブラリで、可視化のために使われることが多い）に興味を持ったので、D3.js を学習すべく、
D3 日本語チュートリアル（翻訳) を読んで、掲載されているサンプルを動かしてみました。

D3.jsは、公式サイト より、最新版（version 4.12.2）を導入して、サンプルを実行したところ、スケールや軸の設定でエラーとなってしまいました。
調べてみると、バージョン4で仕様が変わって、互換性がなくなった部分あるとのことでした(日本語チュートリアルは、最新のV4ではなく、V3用のものとなっています)。

Quitaの記事 D3.js ドットインストールはV3だけどV4でやってみた
を参考にソースを一部修正して動かすことができました。

最後のサンプル
http://ja.d3js.info/alignedleft/tutorials/d3/axes/6.html
のソースの修正メモ

(1) スケール関数の変更

（修正前）

// スケール関数の生成
var xScale = d3.scale.linear()

（修正後）

var xScale = d3.scaleLinear()

(2) 軸定義の変更

（修正前）

// X 軸の定義
var xAxis = d3.svg.axis()
    .scale(xScale)
    .orient("bottom")
    .ticks(5);
// Y 軸の定義
var yAxis = d3.svg.axis()
    .scale(yScale)
    .orient("left")
    .ticks(5);

（修正後）

// X 軸の定義
    var xAxis = d3.axisBottom(xScale)
    .ticks(5);
// Y 軸の定義
    var yAxis = d3.axisLeft(yScale)
    .ticks(5);