Javascript d3.js-使用滑块动态更改图形

我有一个图，其中每条边都有一个介于0和1之间的数值。我想在网页中添加一个滑块，这样当滑块值在0和1之间变化时，只绘制值大于滑块的边。有没有某种规范的方法可以做到这一点？我对d3非常陌生，已经看过基本的力图代码，但不确定从哪里开始。

这将向javascript公开一个UI小部件滑块-将其放在html正文块中

<p>Volume</p>
<input id="volume" type="range" min="0" max="1" step="0.1" value="0.5"/>

这将让你开始运行，直到出现一些规范的技巧

  document.getElementById('volume').addEventListener('change', function() {

      var curr_volume = this.value;

      console.log("curr_volume ", curr_volume);

      // now do something with curr_volume
  });