example データを表示する領域を制限して、ドラッグした際に続きのデータを見せる方法。 参考にしたサイトでは、この表示方法を「horizontal panning behavior」と呼んでいたので「水平パンニング」としました。 コードのコメントに書いた以上の説明が出来ないので、詳しく知りたい方は下記のリンク先を参照してください。 参考 Bounded Panning in D3 サンプル //データセットの作成 const dataSet = d3.range(1000).map( (d, i) => { return {x: (i * 10), y: ~~(Math.random()*100)} }) //svg ステージ設置 const width = 980; const maxWisth = width*4; const thresholdWisth = maxWisth -
