我应该为此目的使用哪个HTML5 Canvas库？

Question

我是HTML5和Javascript的新手，但我需要使用它们进行可视化。

这是我的域名/问题：

1. 我需要可视化大量的图形节点，视觉上节点可以是具有颜色和透明度的循环。

2. 有两种关系：包含和互动。

3. include表示一个节点包含其他不同类型的节点，在视觉上，用户可以看到内部具有较小节点的大节点。

4. interact只是意味着一条线连接不同的节点。该行应具有箭头，标签（文本）和厚度。

5. 对于效果，我需要动画，例如节点不是静态的，但是其中一些应该具有浮动的动画（围绕中心位置的少量常规浮动） ;或者某些节点应该像呼吸一样具有脉冲效果。

6. 用户可以拖动某些节点，如果拖动节点，所有连接的节点/图形应该在连接时相应移动。

7. 自动检测碰撞应该到位。此外，如果发生冲突，所有节点都应该遵循一些算法来很好地分配。

---

以下是问题：

1. 我应该使用哪个Canvas库？因为无论如何我是一个新手，一个适合我需要的简单的是最好的。

2. 我应该使用什么算法来制作浮动和脉冲（呼吸）动画？

3. 我应该使用什么算法来拖动节点，所有连接的节点都像蛇一样？

4. 我应该使用什么算法进行碰撞和分发？

由于

Answer 1

<强> d3js

参见弹性节点演示here和here，碰撞演示here。此页面包含大量d3js demos

对于easing effects，您可以查看d3 transition。

祝你好运！