用于交互式图形前端的 WebApp 技术 [关闭]

Question

关闭。 此问题不符合Stack Overflow 准则。 它目前不接受答案。

---

想改善这个问题吗？ 更新问题，使其成为 Stack Overflow的主题。

5 小时前关闭。

改进这个问题

我有一个我想实施的项目，但很难找到合适的工具来实施它。

我想要构建的是一个交互式图形。 此图中的节点应该是可编辑的，如果我双击一个节点，我应该能够输入文本，或者更改节点的颜色。 此外，用户应该能够移动节点，稍后我还希望有一种算法可以自动放置节点以获得最佳概览。 还应该可以放大和缩小，将节点相互连接，创建新节点等。 在性能方面，一次至少可以显示约 200 个节点。

我现在挣扎的是，我应该从哪里开始。 我查找了一些可能有助于实现这个项目的库，例如 d3.js pixi.js Three.js 等等。 但是 atm 我非常不确定实现这种高度交互的 webapp 的最佳技术实际上是什么。 它确实与我迄今为止所做的前端明智有很大不同，因为我主要使用 React 和 Angular 做 SPA 应用程序。

我开始尝试使用 d3.js，但发现它很难进入，我很怀疑它是否真的适合这项工作。 因为我不想浪费太多时间来寻找合适的工具，所以我想问这里是否有人给我一些提示。

我应该使用普通的画布和 js 吗？ 或者我应该直接去找大锤子又名 WebGl？ 还是最好选择像 pixi.js 或three.js 这样的库？ 你有没有想到一些类似的例子，我可以查一下看看它是如何在那里完成的。 有小费吗？

提前致谢。