常用的前端可视化Web组态工具

前言

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

概念

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

工具

mxGraph

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


演示Demo:Grapheditor

用户手册:mxGraph 4.2.2

Github:GitHub - jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library

JointJS

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


演示Demo:Ready-to-use demo applications and features – JointJS

用户手册:JointJS Docs

Github:GitHub - clientIO/joint: A proven SVG-based JavaScript diagramming library powering exceptional UIs

GoJS

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

扫描二维码关注公众号,回复: 15767805 查看本文章


演示Demo:GoJS Sample Diagrams for JavaScript and HTML, by Northwoods Software

用户手册:Get Started with GoJS

Github:GitHub - NorthwoodsSoftware/GoJS: JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

Draw.io

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

演示Demo:Flowchart Maker & Online Diagram Software

用户手册:draw.io Documentation

Github:GitHub - jgraph/drawio-desktop: Official electron build of draw.io

Sovit2D

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


演示Demo:2D可视化Web前端组态界面模板_-数维图

用户手册:Sovit2D场景开发_Sovit2D使用手册_数维图

HT for Web

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


演示Demo:图扑软件 - 构建先进 2D 和 3D 可视化所需要的一切

OSHMI

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

演示Demo:OSHMI

Github:GitHub - riclolsen/OSHMI: SCADA HMI for substations and automation applications.
 

总结


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

猜你喜欢

转载自blog.csdn.net/u011916503/article/details/131717272
今日推荐