javascript - 如何根据对象的数量排列对象

Question

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

正如您在图中看到的，所有连接到主节点的节点，以及它们的大小和位置都被安排在视图中。

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

编辑：我只是在问，有没有什么算法可以让我将一些对象放入屏幕？

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

Answer 1

您可以尝试InfoVis Toolkit。它支持大量的可视化样式。演示在这里。

Answer 2

与往常一样，最好的方式就是你知道的方式。所以我实现了一种算法，通过使用一些简单的物理力保持距离几乎相同，适合所有节点。主节点始终围绕中心。这是jsfiddle。尝试 5 到 50 之间的值。大部分情况下效果很好，但有时会出现错误。