如何根据编号排列对象

Question

我目前正在开发一个关于与服务器状态相关的用户界面的javascript项目。我有一个主节点，所有节点连接到一些节点。节点数可以是任意数，比如介于5和50之间。我希望它们自动安装，主节点应放在中间。请点击link。

如图所示，连接到主节点的所有节点，加上它们的大小和位置都被安排在视图中。

我可以使用任何库，示例或代码片段吗？
- 或 -
关于如何构建这个的任何建议？

编辑：我只是问，是否有任何算法可以将一些对象放入屏幕？

PS：抱歉标签，我无法决定放什么。

Answer 1

您可以尝试InfoVis Toolkit。它支持大量可视化样式。演示是here。

Answer 2

一如既往，最好的方式就是你所知道的。因此，我使用一些简单的物理力量，通过保持距离几乎相同，实现了适合所有节点的算法。主节点始终围绕中心。这是jsfiddle。尝试5到50之间的东西。大多数工作很好，但有时会发生错误。