
D3.js v4/v5 ヒートマップ(heat map)の作り方
D3でのヒートマップの作り方を紹介します。tableの作り方と似ていますが、tableタグではなくSVGのrect要素を使って作成します。 サンプルデモ サンプルプログラム 解説 1.データの準備 デ ...

D3.js v4/v5 密度推定 contourDensity – 使い方
D3での密度推定の使い方を紹介します。データの個数密度を計算してコンター図を作成することができます。サンプルは黒いプロットが元データで、コンター図は個数密度を推定した結果です。 サンプルデモ サンプル ...

D3.js v4/v5 コンター図の作成 (d3.contours 使い方)
D3でコンター図(contours plot)の作り方を紹介します。 サンプルデモ サンプルプログラム 解説 d3.contourはv5から追加された機能ですが、v4でもHTMLファイルのヘッダー部分 ...