这里是我的需求:
我需要创建一个可视化的链接,连接不同的人物表示。下面的图片就很清晰地说明了这一点。
此外,那些矩形还应该包含有关该人物表示的一些数据(例如人口统计和地点)。我还需要能够处理单击框或它们之间链接的事件,作为一种管理工具(因此,例如,双击链接以删除它,或类似的东西)。同样重要的是,由于人数和链接数量会变化,我需要像图像显示的那样通过将人物大致等距地分布来显示它。
有哪个JavaScript库可以做到这一点?我已经进行了一些调查,但尚未找到可以干净地完成此操作的库,但我对这些库并不是很熟悉。
以下是我看过的库:
Arbor js:可以动态创建图形的间距和链接,但我负责渲染所有的视觉效果,并且没有任何钩子用于点击链接的事情。
jsPlumb:轻松创建元素之间的连接并将它们绘制得相当好,但似乎没有解决任何布局问题。由于我不知道屏幕上会有多少人,因此我必须能够将它们均匀地间隔开来,而这似乎不是jsPlumb的问题。
D3.js:这可以创建一个具有所需间距的好可视化,但我不知道如何在每个节点内显示数据或像鼠标事件一样操作链接或框等。
我感到有点迷失,所以我希望有人能指导我使用哪些工具来帮助我,或者向我展示这些库中的示例,以显示我想要的东西是可能的。
我需要创建一个可视化的链接,连接不同的人物表示。下面的图片就很清晰地说明了这一点。
此外,那些矩形还应该包含有关该人物表示的一些数据(例如人口统计和地点)。我还需要能够处理单击框或它们之间链接的事件,作为一种管理工具(因此,例如,双击链接以删除它,或类似的东西)。同样重要的是,由于人数和链接数量会变化,我需要像图像显示的那样通过将人物大致等距地分布来显示它。
有哪个JavaScript库可以做到这一点?我已经进行了一些调查,但尚未找到可以干净地完成此操作的库,但我对这些库并不是很熟悉。
以下是我看过的库:
Arbor js:可以动态创建图形的间距和链接,但我负责渲染所有的视觉效果,并且没有任何钩子用于点击链接的事情。
jsPlumb:轻松创建元素之间的连接并将它们绘制得相当好,但似乎没有解决任何布局问题。由于我不知道屏幕上会有多少人,因此我必须能够将它们均匀地间隔开来,而这似乎不是jsPlumb的问题。
D3.js:这可以创建一个具有所需间距的好可视化,但我不知道如何在每个节点内显示数据或像鼠标事件一样操作链接或框等。
我感到有点迷失,所以我希望有人能指导我使用哪些工具来帮助我,或者向我展示这些库中的示例,以显示我想要的东西是可能的。