展示实时商业网络模式的良好前端解决方案

Question

我们有一个由几种类型的自动售货机组成的网络，我们有通用的 API 来管理它们并从我们的供应商那里获取数据。目的是在浏览器中显示该网络的实时图形模式。架构应包括机器、中心、服务器等的图标以及将对象相互连接起来的线条。

很明显，地形是灵活的。我们可以设置新机器，更改绑定等。因此应该自动跟踪模式：我希望给它一些对象和关系作为数组或 JS 对象，并在浏览器中查看图形模式。

所有对象都应该是可点击的。我希望单击供应商图标并获取它的统计信息。

最后但并非最不重要的一点是，这应该是实时的。操作员应监控此实时模式，并在出现问题时采取一些措施。

后端不会导致问题。我可以做一个数据库并将所有业务逻辑推送到服务器端。但我想知道，有没有一种完美的方式在前端显示这些东西？这种图表有现成的解决方案吗？

Answer 1

好吧，我认为不存在针对此类特定要求的现成解决方案（但我很容易在这方面犯错）。但是，您可以查看D3。 D3 是一个用于创建动态图表和图形的 Javascript“数据驱动”库。也许您可以找到一些对您的用例有用的东西，因为该库非常灵活并提供了许多功能。