在D3.js中实现SVG文件的交互

Question

我为图形可视化创建了一个布局算法，使每个节点的y位置与时间相对应，并且图形从顶部开始（t=0）并向东生长。我也用我做的巴齐尔形状画边缘。另外，边的颜色在整个边上都是不同的。我需要保持布局/外观不变。目前，我正在使用pycairo绘制生成CSV文件的图形（可能，我也可以创建其他格式，如PDF、PNG）。我的目标是使可视化具有交互性，例如能够单击特定的节点并将与该节点相关的数据取回。我不知道如何在python中实现这一点。现在，我想用JavaScript和D3.js来实现这一点。 我的问题是如何使CSV输出交互？例如，当单击一个节点时，它应该返回它的y位置（表示时间）和其他一些属性。我还希望能够跳转到给定用户输入的图形中的某个y位置。 给我一些关于如何思考这个问题的线索也会很有帮助。在

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