我應該爲此使用哪個HTML5 Canvas庫？

Question

我是HTML5和Javascript的新手，但我需要使用它們進行可視化。

這是我的域/問題：

1. 我需要以顯現一大組圖形節點的，在視覺上的節點可以是具有顏色和透明度的循環。

2. 有兩種關係：包括和交互。

3. include表示一個節點包含其他不同類型的節點，可見，用戶可以看到自身內部具有較小節點的大節點。

4. interact只是表示一條線連接不同的節點。該行應該有箭頭，標籤（文本）和厚度。

5. 對於效果，我需要動畫，如節點不是靜態的，但其中一些應該有浮動左右（少量常規的浮動圍繞中心位置）的動畫;或者某些節點應該具有呼吸效應，如脈衝。

6. 用戶可以拖動一些節點，如果拖動節點，所有連接的節點/圖形都應該在連接時相應地移動。

7. 自動檢測碰撞應該到位。另外，如果發生衝突，所有節點都應遵循一些算法來很好地分配。

---

這裏是我的問題：

1. 我應該使用哪種帆布庫？因爲無論如何我是一個新手，一個適合我需求的簡單的最好的就是最好的。

2. 我應該尋找什麼算法來做浮動和脈衝（呼吸）動畫？

3. 我應該使用什麼算法來拖動節點，並且所有連接的節點都像蛇一樣跟隨？

4. 我應該使用什麼算法進行碰撞和分配？

感謝

Answer 1

d3js

見彈性節點演示here和here，碰撞演示here。此頁面包含大量的d3js demos

對於easing effects，您可以查看d3 transition。

祝你好運！