在Angular2 +中的两个元素之间创建视觉映射

Question

我正在尝试在Angular 2+中实现“视觉映射”。到目前为止，我已经尝试了两个流行的库：dragula和material的drag-and-drop，但是它们都不支持我想要的功能。我想创建并显示源树中的节点与目标树中的节点之间的映射。我的目标是创建类似于此映射的内容：

。

由线表示的映射是通过将一个节点从左树中拖放到右树中来创建的，该节点位于现有节点的顶部（链接两个节点），或者位于两个现有节点之间的“空”空间中（在该位置的右树中创建一个新的链接节点）。

我感觉到这种视觉映射超出了这两个库所支持的范围。在Angular 2+中实现此功能的最佳方法是什么？我可以使用一个库吗？还是需要自己用svg实现它？