Javascript D3：在转换的开始和结束之间拖动（通过滚动）？

假设在两个数据集之间有一个简单的转换。如果我滚动100px，我可以让它根据我的滚动位置在1和100px之间在开始和结束状态之间转换（滚动量是任意的）。例如，在50px时，转换完成了50%。90px转换完成90%

我已经尝试过启动和停止

element.transition（）.duration（0）基于scroll事件的转换（通过创建scrollStart和scrollStop函数），但它非常简单

我看过这一页。我的直觉是这太过分了，因为我正在两个数据集之间转换，这是一个线性转换。也就是说，代码相当先进，所以任何解释都会非常有用