d3.jsのforce layoutでスマホのようなピンチイン・アウトの操作でもズームできるようにしたい。

Question

現在d3.jsのforce layoutを勉強中です。

記事を見ながら実装したものだと、二本指を縦に動かすスクロールのような操作でしかズームできないという状況です。スマホのようにトラックパッドでピンチイン・アウトでもズームできるようにするにはどうすれば良いでしょうか？（ピンチイン・アウトでも若干ズームできるのですが、運動量が少なすぎてUXとしてかなりストレスのある仕様になっています。）

こちら参考にさせていただいたQiitaの記事です。→https://qiita.com/hirodos/items/47d53ab606390af97533

var min_zoom = 0.4;
var max_zoom = 5;
var zoom = d3.zoom()
    .scaleExtent([min_zoom, max_zoom])
    .on('zoom', SVGzoomed);


            svg.call(zoom);
var g = svg.append("g")
  .call(d3.drag()
  .on('drag',SVGdragged))

function SVGzoomed() {
  g.attr("transform", d3.event.transform);
}

function SVGdragged(d) {
  d3.select(this).attr('cx', d.x = d3.event.x).attr('cy', d.y = d3.event.y);
    };