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

随着 5G、物联网、大数据等技术的高速发展，各领域逐步向数字化、可视化的人工智能（AI）的方向不断迈进。全球进入工业 4.0 时代，标志着先进的信息技术于制造业紧密结合，将从单纯的生产要素向数据驱动、智能化、高度自动化的方向转型。

2023 即将结束，紧跟行业发展，小编整理了 2023 年几款最热门的前端 Web 组态软件工具，以供参考！

1、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/

2、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

3、Drawio

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

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

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

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

4、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

5、HT for Web

HT for Web 通常简称为 HT，这是一个基于 JavaScript 开发的 WebGL 引擎，可用于 2D/3D 可视化开发。

官方文档：https://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html

DEMO 演示：http://www.hightopo.com/demo/2deditor/HT-2D-Editor.html

6、WebTopo

基于 vue+ts 实现的 svg 可视化 web 组态编辑器。可直接把 svg 文件和 vue 组件作为编辑器图形库使用，赋予其缩放和旋转等功能，并支持自定义拓展参数，实时控制组件状态等，主要用于物联网 mqtt 实时系统图。

GitHub 地址：https://github.com/phynos/WebTopo

DEMO 演示：https://phynos.github.io/WebTopo/dist/spa/

......

总结

以上只是部分 Web 组态软件，目前国内市场流行的远远不止这些，少说有几十款组态软件被各行业所应用。这里就不一一列举。