在D3.js中使SVG文件具有交互性

Question

我已经创建了一个用于图形可视化的布局算法，以便每个节点的y位置对应于时间，图形从顶部开始（t = 0）并且向上渐渐增长。我也用我制作的巴泽形式绘制边缘。边缘的颜色也在整个边缘变化。我需要布局/外观保持不变。目前，我使用pycairo绘制生成CSV文件的图形（可能，我也可以创建其他格式，如PDF，PNG）。我的目标是使可视化交互，例如，能够单击特定节点并获取与该节点相关的数据。我无法弄清楚如何在python中做到这一点。现在，我想在JavaScript和D3.js中这样做。 我的问题是如何使CSV输出交互？例如，单击某个节点时，它应返回其y位置（表示时间）和其他一些属性。我还希望能够在给定用户输入的情况下跳转到图表中的某个y位置。 给我一些关于如何思考这个问题的线索也是有帮助的。

这是最终结果的截图。水平线确实不重要