最火前端可视化Web组态软件工具

news2024/11/26 18:32:25

随着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组态软件,目前国内市场流行的远远不止这些,更多好用的组态工具需要大家在工作和学习中去发现。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1259885.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

线性分类器---损失函数与优化算法

如何衡量分类器对当前样本的效果好坏? 需要损失函数 什么是损失函数? 损失函数搭建了模型性能与模型参数之间的桥梁,指导 模型参数优化。  损失函数是一个函数,用于度量给定分类器的预测值与真实值 的不一致程度,…

sprintf函数

1.头文件&#xff1a;#include <stdio.h> 2.函数原型&#xff1a;int sprintf ( char * str, const char * format, ... ) 3.函数功能&#xff1a;将数据格式化为字符串&#xff0c;再写入到字符串中 4.参数分析&#xff1a; str&#xff1a;是字符串指针&#xff0c…

【MyBatisPlus】通俗易懂 快速入门 详细教程

目录 学习目标 一、MyBatisPlus简介 1. 入门案例 问题导入 1.1 SpringBoot整合MyBatisPlus入门程序 ①&#xff1a;创建新模块&#xff0c;选择Spring初始化&#xff0c;并配置模块相关基础信息 ②&#xff1a;选择当前模块需要使用的技术集&#xff08;仅保留JDBC&…

Python---可变和非可变数据类型

在Python中一共有7种数据类型&#xff1a; 数值&#xff08;int整型、float浮点类型&#xff09;、bool类型&#xff08;True和False&#xff09;、字符串类型&#xff08;str&#xff09;、元组&#xff08;tuple 1,2,3&#xff09;、列表&#xff08;list [1, 2, 3]&#xf…

02-鸿蒙学习之4.0todoList练习

02-鸿蒙学习之4.0todoList练习 代码 /*** 1:组件必须使用Component装饰* 2.Entry 装饰哪个组件&#xff0c;哪个组件就呈现在页面上* 3.被Entry 装饰的入口组件。build&#xff08;&#xff09;必须有且仅有一个根 ** 容器 ** 组件* 其他的自定义组件&#xff0c;build() 中…

Vue框架学习笔记——事件处理:v-on指令+methods

文章目录 前文提要事件处理的解析过程&#xff0c;v-on:事件名样例代码如下&#xff1a;效果展示图片&#xff1a;v-on:事件名"响应函数"v-on简写形式响应函数添加响应函数传参占位符"$event"注意事项 前文提要 本人仅做个人学习记录&#xff0c;如有错误…

file_get_contents() 函数详解与使用

概述 在PHP中&#xff0c;file_get_contents() 函数是一个强大的工具&#xff0c;它既可以用于读取本地文件的内容&#xff0c;也可以用于发起 HTTP 请求获取远程资源。本文将详细介绍 file_get_contents() 函数的两种主要用途&#xff0c;并探讨如何充分利用这个函数。 1. 文…

MongoDB安装教程

前言 这里介绍的是使用本地安装的方式&#xff0c;安装MongoDB Mac端 第一种方式是使用手动下载&#xff0c;然后手动安装的方式 这种方式的优点&#xff0c;可以锻炼手动安装的能力&#xff0c;熟悉软件的安装流程。 但是缺点就是&#xff0c;操作比较复杂&#xff0c; 1&am…

五子棋游戏

import pygame #导入pygame模块 pygame.init()#初始化 screen pygame.display.set_mode((750,750))#设置游戏屏幕大小 running True#建立一个事件 while running:#事件运行for event in pygame.event.get():if event.type pygame.QUIT:#当点击事件后退出running False #事…

yolov8-pose姿势估计,站立识别

系列文章目录 基于yolov8-pose的姿势估计模式,实现站姿,坐姿,伏案睡姿识别,姿态动作识别接口逻辑作参考。本文以学习交流,分享,欢迎留言讨论优化。 yoloPose-姿势动作识别 系列文章目录前言一、环境安装二、使用yolov8-pose1.导入模型,预测图像三.姿势动作识别之站立总…

精密机床导轨直线度的常用检查方法

导轨直线度是精密机床精度的基础精度&#xff0c;导轨直线度对精密机床精度都有着直接的影响&#xff0c;其检测仪器和检测方法较多也较为复杂&#xff0c;并应根据不同情况采取不同的检测仪器和不同的检测方法。那么&#xff0c;常用的精密机床导轨直线度的检查方法有哪些呢&a…

第三节HarmonyOS DevEco Studio了解基本工程目录

一、工程级目录 工程的目录结构如下。 目录详情如下&#xff1a; AppScope&#xff1a;存放应用全局所需要的资源文件。Entry&#xff1a;应用的主模块&#xff0c;存放HarmonyOS应用的代码、资源等。oh_modules&#xff1a;工程的依赖包&#xff0c;存放工程依赖的源文件。b…

Open Feign 源码解析(三) --- 配置体系详解

Open Feign 源码解析三 配置体系 配置类 应用级别配置&#xff08;全局&#xff09; Retention(RetentionPolicy.RUNTIME) Target(ElementType.TYPE) Documented Import(FeignClientsRegistrar.class) // 注册feign client的bean定义 public interface EnableFeignClients {…

Python基础语法之学习type()函数

Python基础语法之学习type函数 一、代码二、效果 查看数据类型或者说查看变量存储的数据类型 一、代码 print(type("文本")) print(type(666)) print(type(3.14))二、效果 梦想是生活的指南针&#xff0c;坚持追逐梦想&#xff0c;终将抵达成功的彼岸。不要害怕失败…

Go 数字类型

一、数字类型 1、Golang 数据类型介绍 Go 语言中数据类型分为&#xff1a;基本数据类型和复合数据类型基本数据类型有&#xff1a; 整型、浮点型、布尔型、字符串复合数据类型有&#xff1a; 数组、切片、结构体、函数、map、通道&#xff08;channel&#xff09;、接口 2、…

工厂仓库环境监测,完善仓储管理

仓库&#xff0c;是工厂管理运营的重中之重&#xff0c;需创造一个认为的稳定环境&#xff0c;为物品的存放创造条件&#xff0c;对仓储、办公室、楼宇、电子、机械、化工等场合实施监测、管理&#xff0c;提升仓储管理效率及物品品质。 工厂仓储环境监测系统解决方案&#xff…

【leetcode每日一题】565数组嵌套

思路流程&#xff1a; 思路v1.0 先学会写 s[0] ,用一个ans数组接收元素&#xff0c;每次往ans里添加的时候&#xff0c;先判断一下 这个index会不会超出数组的长度。ans里有没有这个元素。 s[0] 写完&#xff0c;就是用一个for循环&#xff0c;算出所有的 s[i],每次算出来的时…

通过亚马逊云科技云存储服务探索云原生应用的威力

文章作者&#xff1a;Libai 欢迎来到我们关于“使用亚马逊云科技云存储服务构建云原生应用”的文章的第一部分。在本文中&#xff0c;我们将深入探讨云原生应用的世界&#xff0c;并探索亚马逊云科技云存储服务在构建和扩展这些应用中的关键作用。 亚马逊云科技开发者社区为开发…

IDEA插件:Apipost-Helper-2.0

我们在编写完接口代码后需要进行接口调试等操作&#xff0c;一般需要打开额外的调试工具。今天就给大家介绍一款IDEA插件&#xff1a;Apipost-Helper-2.0。用它&#xff0c;代码写完直接编辑器内调试、还支持生成接口文档、接口树等功能&#xff0c;并且完全免费&#xff01;非…

巅峰对决 LlamaIndex 与 OpenAI API大比拼

我们进行了一项详尽的分析&#xff0c;比较了 OpenAI 助手 API 和 LlamaIndex 在 RAG 性能方面的差异。目的是使用Tonic Validate评估各种RAG系统&#xff0c;该系统是一个RAG评估和基准平台&#xff0c;同时使用开源工具tvalmetrics。本文中使用的所有代码和数据都可以在这里找…