动态创建图形的 Javascript 库？

Question

这是我的要求:

我需要创建一个人的不同表示之间的链接的可视化。我认为下图非常清楚地表明了这一点。

此外，这些矩形还会包含一些关于某个人的表示的数据(例如人口统计和地点)。我还需要能够在单击框或它们之间的链接时处理事件，作为一种管理工具(因此，例如，双击链接以删除它，或类似的东西)。同样重要的是，由于人数和链接的数量会有所不同，因此我需要通过以大致等距的方式将人们隔开来显示它，如图所示。

可以实现此目的的 javascript 库是什么？我做了一些研究，但还没有找到可以干净地做到这一点的东西，但我几乎不是这些库的专家。

以下是我看过的:

Arbor js : 可以动态创建图形的间距和链接，但我负责呈现所有视觉效果，而且确实没有像单击链接这样的钩子(Hook)。

jsPlumb :轻松创建元素之间的连接并绘制得足够好，但似乎没有解决任何布局问题。因为我不知道屏幕上会有多少人，所以我必须能够将他们等距隔开，而这似乎不是 jsPlumb 关心的问题。

D3.js :这会创建一个具有我需要的间距的良好可视化效果，但我看不到如何在每个节点内显示数据或执行诸如链接或框上的鼠标事件之类的操作。

我感觉有点迷茫，所以我希望有人能给我指出一些可以帮助我的东西，或者可能给我指出这些库中的一个示例，向我展示我想要的是可能的。

Answer 1

我最终使用 Arbor with Raphael 作为我的渲染库，效果非常好。