Javascript 在浏览器中使用动画标记绘制图形

我必须实现一个“实时”web应用程序，其中一些令牌沿着网络图的边缘移动

图上令牌的位置从服务器推送到所有连接的客户端

我很有信心，我可以用web套接字有效地实现推送部分

但是，我在“图形密集型”web应用程序方面没有经验。我应该使用什么样的技术/库/框架来绘制网络图（页面加载后是静态的）和沿着图的边缘移动的标记

直观地说，我会选择SVG（但到目前为止我从未使用过SVG），因为它允许我将标记作为dom元素访问并操纵它们的位置。这是一个好方法吗？ 是否存在预定用于在浏览器中绘制网络图的库/框架

---

感谢您的指点。

只需使用位置为绝对或相对的DOM元素，并根据需要更新其位置。除非设计比重新定位叠加在静态网络图上的令牌（如您所述）更复杂，我会选择@Blindman67的解决方案，这样你就不必在开发应用程序时学习新的技能。考虑HTML5画布当设计需要快速移动，可变形组件。