D3のマウス/タッチイベントに対応するzoomの使い方を紹介します。 サンプルデモ グラフ上でドラッグ/スワイプ、マウスホイール/ピンチインしてください。下のresetボタンで初期位置に戻ります。 reset サンプルプログラム <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>D3 v5 zoom</title> </head> <body> <button id='resetButton'>reset</button> <script src="https://d3js.org/d3.v5.min.js"></script> <script> var width = 800; / var height = 600; // グラフの高さ var svg = d3.select("body").append("svg")