在可视化中将CSS从悬停更改为单击

我对JS、CSS和HTML非常陌生，但能更多地探索它，我感到非常兴奋。

我的可视化和完整代码在这里：https://gist.github.com/DariaAlekseeva/a71475378a5d12ea40bc

当我在对象上移动鼠标时，会出现许多路径，不容易看到细节。

我想将可视化中的设置从悬停更改为单击。首先我悬停并改变活动路径。然后我选择一条路径，点击它，只有这条路径保持活动状态。当我沿着这条路径悬停时，我仍然可以看到出现的评论。然后我需要"取消点击"这个路径（或点击外部对象）并保持悬停，直到我找到另一个可以点击的路径

谢谢你的帮助。