【D3.js】 値の正規化(d3.scale)

例えば、上記のような0~10000までの値が含まれたデータセットを0px~450pxのラインに収めたい場合にはデータセットをピクセルの範囲内に収めるため、値の正規化を行う必要があります。

わりとメンドクサイ作業なのですが、d3.jsにはこのデータの正規化を行うための便利な関数が用意されているので、簡単に正規化を行うことができます。

スケールオブジェクトの作成

作成したscaleオブジェクトの引数に値を入れると、正規化された値が出力されます。