首页 > 其他分享 >最热的前端Web组态工具了解下(可视化)

最热的前端Web组态工具了解下(可视化)

时间:2023-11-21 11:58:23浏览次数:32  
标签:Web github 组态 可视化 https com

随着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组态软件,目前国内市场流行的远远不止这些,少说有几十款组态软件被各行业所应用。这里就不一一列举。

标签:Web,github,组态,可视化,https,com
From: https://www.cnblogs.com/sovitjs/p/17846288.html

相关文章

  • C++ LibCurl实现Web隐藏目录扫描
    LibCurl是一个开源的免费的多协议数据传输开源库,该框架具备跨平台性,开源免费,并提供了包括HTTP、FTP、SMTP、POP3等协议的功能,使用libcurl可以方便地进行网络数据传输操作,如发送HTTP请求、下载文件、发送电子邮件等。它被广泛应用于各种网络应用开发中,特别是涉及到数据传输的场景。......
  • 数据驱动能源未来:发电厂地区可视化的实用性与优势
    随着全球能源消费的不断增长,电力需求也在不断上升。作为能源行业的重要组成部分,现代发电厂扮演着不可替代的角色。而现代发电厂的数据管理和监控系统,则是确保其安全、高效、稳定运行的重要手段。在这个背景下,现代发电厂地区可视化应运而生,成为了电力行业的新趋势。 什么是现代......
  • web04(内置对象,标签)
    九大内置对象out对象:用于向客户端、浏览器输出数据。request对象:封装了来自客户端、浏览器的各种信息。response对象:封装了服务器的响应信息。exception对象:封装了jsp程序执行过程中发生的异常和错误信息。config对象:封装了应用程序的配置信息。page对象:指向......
  • JavaWeb--SqlSessionFactory工具类抽取
    代码优化 Stringresource="mybatis-config.xml";InputStreaminputStream=Resources.getResourceAsStream(resource);SqlSessionFactorysqlSessionFactory=newSqlSessionFactoryBuilder().build(inputStream);//2.2获取SqlSession对象SqlSessionsqlSession=......
  • WEBSITE_LOCAL_CACHE_OPTION Environment variables and app settings in Azure App S
    EnvironmentvariablesandappsettingsinAzureAppService SettingnameDescriptionWEBSITE_LOCAL_CACHE_OPTIONWhetherlocalcacheisenabled.Availableoptionsare:-Default:Inheritthestamp-levelglobalsetting.-Always:Enablefortheapp.......
  • 数据可视化报表在银行的应用
    数据可视化报表是指通过图形化的方式展示数据,帮助人们更好地理解和分析数据。在银行业中,数据可视化报表的应用非常广泛,从业务分析到风险管理,都离不开对大量数据的整理、分析和可视化呈现。以下是对数据可视化报表在银行的应用的详细介绍。一、业务分析与决策支持数据可视化报表......
  • weblogic创建domain域
          ......
  • Webman框架使用异步任务
    首先在app目录下创建Task.php<?phpnamespaceapp;useWorkerman\Connection\TcpConnection;classTask{/***只会执行一次*@returnvoid*/publicfunctiononWorkerStart(){echo"进程启动";}publicfunctiononMessage($connection,$task_data){$connect......
  • Nginx 可视化配置!
    前言nginx-gui这个东西真的要吹一波,太好用了,而且源码公开。对于我这样一个作为Linux菜鸟的Java开发来说,这个可视化配置工具简直是福音!需求nginx可视化管理,例如配置管理性能监控日志监控其他配置方案目前已实现前两条:配置管理和性能监控日志分析监控这块还需要另找方案实现!github......
  • 修改idea代码之后运行web界面却发现没有更改
    先是尝试了对项目进行clear——CTRL+shift+f9(如果是和我一样,f9在键盘按钮的右下角,那么需要在加上fn,即CTRL+shift+fn+f9)但是不管用……之后尝试了对浏览器界面进行clear——CTRL+shift+r然后就好了......