Javascript D3力定向图：拖动时节点未停留在鼠标位置

我从这里复制了一个力定向图示例： 我删除了标签，修改了节点和链接，并更改了样式。 最重要的变化是，svg的视图区域应该是完整的窗口

但现在，当节点被拖动时，它们不知何故会四处跳跃。我不知道它是从哪里来的。在我的d3/JS代码中有什么地方出错了，它不再平滑了，就像在所有力定向图的伟大示例中一样？最好的情况是节点保持鼠标位置，但我很高兴至少这种跳跃会停止，因为这是不好的UX

here is my code: https://jsfiddle.net/nczekbqh/7

除了需要确定节点的第一个坐标外,在任何地方都找不到答案。我不能这样做，因为我的结果工作至少需要100个节点

---

我尝试了一下.force（）和.drag（），但没有改变这种明显的抖动。

闪烁也发生在原始块的片段中。错误与如何将差异添加到翻译中有关。您可以注意到，如果在原始代码段中长时间拖动某个点

我已在此处创建了一个5节点、0链接的强制定向图：。它使用完整的窗口高度和宽度，闪烁消失

---

非常感谢您的答案和代码示例！现在这对我有用：）