可视化：最热前端Web组态工具

web组态

已于 2024-07-02 22:01:33 修改

阅读量1k

点赞数

文章标签：前端编辑器 javascript html5 json

于 2024-06-25 15:01:31 首次发布

本文链接：https://blog.csdn.net/byzt_web/article/details/139959232

版权

组态软件

Web组态插件 - BY组态

BY组态是一款非常优秀的纯前端的轻量化【web组态插件工具】，大小只有2M，可无缝嵌入到vue项目，react项目等，由于是原生js开发，对于前端的集成没有框架的限制。同时由于BY组态只是一个插件，不能独立运行，必须嵌入到你方软件平台才能使用，所以你方软件平台需要提供后台接口来支撑BY组态插件的运行。

官方网站：

Web组态软件 - FUXA

FUXA是一款基于Web的过程可视化（SCADA/HMI/Dashboard）开源组态软件，无需 Web 编程知识即可轻松创建HMI、SCADA、仪表板和IIoT系统。通过 OPC UA、Modbus、BACnet、Ethernet/IP （Allen Bradley）、SiemensS7、WebAPI 或 MQTT 连接过程。使用拖放操作，使用预定义的小组件直观地创建解决方案。配置访问权限、告警、历史数据。可在 PC、触摸面板或智能设备（如平板电脑或智能手机）上的任何 Web 浏览器中运行。

GitHub地址：https://github.com/frangoteam/FUXA

DEMO演示：https://frangoteam.github.io/

官网地址：https://frangoteam.org/

Web组态软件 - mxGraph

mxGraph是一款基于 web 的绘制流程图的 JavaScript 图表库，免费的开源工具，使用 SVG 和 HTML 进行渲染。mxGraph 库不使用第三方软件，它不需要插件，几乎可以集成到任何框架中。可视化组态的实现很多都是借助于它，但是目前已停止mxGraph开发，需要解决的问题很多，学习参考资料少。

GitHub地址：https://github.com/jgraph/mxgraph

DEMO演示：https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html

Web组态软件 - Drawio

Drawio是一款强大、免费的绘图工具，与mxGraph出自同一家公司，但Drawio更加完善。

GitHub地址：https://github.com/jgraph/drawio

DEMO演示：https://app.diagrams.net/

官网地址：https://www.drawio.com/

Web组态软件 - Sovit2D

Sovit2D 是一款强大的基于Web的过程可视化组态软件，具有广泛的设计功能，纯 Web 技术，完全拖放所见即所得的开发环境，使用预定义的小部件轻松创建动态 SCADA 仪表板，无需Web编程知识即可轻松创建直观且吸引人的基于 Web 的 HMI、SCADA、仪表板、IIOT系统，以实现数据可视化和远程设备控制。

GitHub地址：数维图

官方文档：https://www.sovitjs.com/document-a1-2734927293901176834.html

DEMO演示：https://www.sovitjs.com/demo.html