首页 > 其他分享 >Web 前端常用的组态软件工具(可视化)

Web 前端常用的组态软件工具(可视化)

时间:2023-07-14 12:11:41浏览次数:58  
标签:Web www 软件工具 可视化 https 组态 com

前言

随着创新技术驱动工业物联网不断发展,设备联网所产生的多样化数据,在边缘端与云端进行大数据分析,成为工业应用场景数字化的需求。跨系统可通用,不受硬件限制达成无缝整合,监控组态软件SCADA成为物联网时代建构出各种工业应用的成功关键。

概念

组态(Configure):包含“配置”、“设定”、“设置”等意思,所以工业组态系统是指不需要编写计算机程序、通过类似“配置”的方式完成工业应用开发的系统。这些应用可用于工厂的制造车间的PMC(生产过程管理)、Andon(工台安全生产)、工艺、设备反控、设备运维、生产看板等场景。组态是所有制造企业必不可少的工业软件系统。

工具

mxGraph

mxGraph 是一个 JavaScript 图表库,可以快速创建交互式图形和图表应用程序,使用 SVG 和 HTML 进行渲染,mxGraph库不使用第三方软件,它不需要插件,几乎可以集成到任何框架中。


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

用户手册:https://jgraph.github.io/mxgraph/

Github:https://github.com/jgraph/mxgraph

JointJS

JointJS是一个强大的JavaScript图表库,用于创建完全互动式的图表,在画布上画出支持拖动的Svg图形,而且可以导出JSON,也能通过JSON配置导入直接生成图形。它极易上手且操作简单,并且支持所有的现代浏览器。


演示Demo:https://www.jointjs.com/demos

用户手册:https://resources.jointjs.com/

Github:https://github.com/clientIO/joint

GoJS

GoJS是一个JavaScript库,用于在Web上构建交互式图表和图形。使用流程图、组织结构图、BPMN、UML、建模和其他可视化图形类型构建应用程序。


演示Demo:https://gojs.net/latest/samples/

用户手册:https://gojs.net/latest/learn/

Github:https://github.com/NorthwoodsSoftware/GoJS

Draw.io

Draw.io 是一个免费的在线绘图和图表应用程序,具有干净的界面、广泛的功能、良好的支持。对于需要创建图表、流程图、组织结构图、思维导图或网络图的人来说,这是一个不错的选择。

演示Demo:https://www.draw.io/index.html

用户手册:https://www.drawio.com/doc/

Github:https://github.com/jgraph/drawio-desktop

Sovit2D

Sovit2D 是一个在线的可视化开发平台,基于B/S架构进行开发,符合HTML5标准,支持Web端呈现,支持在浏览器端完成便捷的人机交互,简单的拖拽即可完成可视化页面的设计。平台提供个人版可以免费试用,Sovit2D可灵活、快捷地制作各类交互式常规屏和可视化大屏,内置百余种炫酷组件和组件动画效果,得到更形象、更直观的可视化呈现。目前3D版本——Sovit3D也已经上线。

 


演示Demo:https://www.sovitjs.com/demo.html

用户手册:https://www.sovitjs.com/document-new-2d-kpu47f.html

HT for Web

可用于快速创建和部署,高度可定制化,并具有强大交互功能的拓扑图形及表盘图表等应用。HT for Web 非常适用于实时监控系统的界面呈现,广泛应用于电信网络拓扑和设备管理,以及电力、燃气等工业自动化 (HMI/SCADA) 领域。


演示Demo:https://www.hightopo.com/demos/index.html

OSHMI

OSHMI 是一款专为变电站控制和通用 SCADA 应用程序设计的 HMI 软件,以开源 (GPL) 形式分发,无需许可费用。它也可以用于任何其他自动化领域。

演示Demo:http://vmi233205.contaboserver.net:51909/

Github:https://github.com/riclolsen/OSHMI

总结

随着信息技术和互联网技术的发展,工业互联网逐渐成为工业领域中的重要技术应用,而基于Web的组态软件将会得到广泛应用,多元素丰富的可视化组件和支持快捷的数据绑定方式,可用于快速创建和部署,简单的拖拽即可完成可视化页面的编排设计,快速构建SCADA、HMI、仪表板、IIOT系统,广泛应用于工业、水利、电力、能源、油气、环境、园区、交通等领域。

标签:Web,www,软件工具,可视化,https,组态,com
From: https://www.cnblogs.com/sovitjs/p/17553367.html

相关文章

  • Java Web程序在Tomcat上是如何运行的
    https://blog.csdn.net/fuzhongmin05/article/details/104379514一个JVM是一个进程,JVM上跑Tomcat,Tomcat上可以部署多个应用。这样的话,每个跑在Tomcat上的应用是一个线程吗?如果一个应用crash了,其他应用也会crash吗?理解程序运行时的执行环境,直观感受程序是如何运行的,对我们开发和......
  • web前端 第五天总结
    案例1:js初体验<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</t......
  • ASP.NET MVC4 WEB API跨域
    ASP.NETMVC4WEBAPI跨域web.config文件里加些东西即可 <system.webServer> <httpProtocol> <customHeaders> <addname="Access-Control-Allow-Origin"value="*"/> <addname="Access-Control-Allow-H......
  • H3C 模拟器 防火墙开启Web功能
    环境windows10,模拟器 HCL_V5.9.0防火墙 1在windows添加虚拟网卡我的电脑--管理--设备管理器--网络适配器(选择)--操作--(添加过时硬件)--进入向导-下一步--搜索并自动安装--选择网络适配器-2给虚拟网卡配置ip如上图中所示3在防火墙命令行配置<H3C>system-view[H3C......
  • defined in class path resource [de/codecentric/boot/admin/server/config/AdminSe
    搭建springbootadmin监控时出现的,经排查是版本过低,换个高版本的,顺利进入网页界面<dependency><groupId>de.codecentric</groupId><artifactId>spring-boot-admin-starter-server</artifactId><version>2.7.10</version......
  • 【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Win
    问题描述PHP的WebJob,通过artisan来配置路径启动PHP任务,相关启动脚本如下:artisan_path="d:\\home\\site\\wwwroot";cd${artisan_path}echo"\n"pwdphpartisanschedule:run但是,在运行的时候遇见报错:[07/06/202301:57:31>0f21a2:INFO]/d/home/site/wwwroo......
  • 我开源了团队内部基于SpringBoot Web快速开发的API脚手架stater
    我们现在使用SpringBoot做Web开发已经比之前SprngMvc那一套强大很多了。但是用SpringBootWeb做API开发还是不够简洁有一些。每次WebAPI常用功能都需要重新写一遍。或者复制之前项目代码。于是我封装了这么一个抽出SpringBootWebAPI每个项目必备需要重复写的模块,和......
  • 欧姆龙 CJ系列组态王和欧姆龙以太网通信
    SCADA(SupervisoryControlAndDataAcquisition)系统,即数据采集与监视控制系统。SCADA系统是以计算机为基础的DCS与电力自动化监控系统;它应用领域很广,可以应用于电力、冶金、石油、化工、燃气、铁路等领域的数据采集与监视控制以及过程控制等诸多领域。SCADA系统是以计算机为基......
  • IIS部署createWebHistory路由模式的Vue项目
    接口使用NetCore,前端使用Vue3.+网站部署目录如下api(虚拟应用程序)webindex.html需要在服务器上按照URLRewrite下载地址:https://www.iis.net/downloads/microsoft/url-rewrite安装后在网站根目录下创建“web.config”文件,内容如下<?xmlversion="1.0"encoding="UTF-8"?......
  • .net 温故知新【12】:Asp.Net Core WebAPI 中的Rest风格
    RPCRPC(RemoteProcedureCall),远程过程调用),这种RPC形式的API组织形态是类和方法的形式。所以API的请求往往是一个动词用来标识接口的意思,比如https://xxxx/GetStudent?id=1和https://xxxx/AddStudent这种风格,并且往往没有规范需要我们去查看接口定义文档。HTTP方法基本只用GE......