Web 前端常用的組態(tài)軟件工具(可視化)

前言
隨著創(chuàng)新技術(shù)驅(qū)動工業(yè)物聯(lián)網(wǎng)不斷發(fā)展,設(shè)備聯(lián)網(wǎng)所產(chǎn)生的多樣化數(shù)據(jù),在邊緣端與云端進(jìn)行大數(shù)據(jù)分析,成為工業(yè)應(yīng)用場景數(shù)字化的需求。跨系統(tǒng)可通用,不受硬件限制達(dá)成無縫整合,監(jiān)控組態(tài)軟件SCADA成為物聯(lián)網(wǎng)時代建構(gòu)出各種工業(yè)應(yīng)用的成功關(guān)鍵。
概念
組態(tài)(Configure):包含“配置”、“設(shè)定”、“設(shè)置”等意思,所以工業(yè)組態(tài)系統(tǒng)是指不需要編寫計算機程序、通過類似“配置”的方式完成工業(yè)應(yīng)用開發(fā)的系統(tǒng)。這些應(yīng)用可用于工廠的制造車間的PMC(生產(chǎn)過程管理)、Andon(工臺安全生產(chǎn))、工藝、設(shè)備反控、設(shè)備運維、生產(chǎn)看板等場景。組態(tài)是所有制造企業(yè)必不可少的工業(yè)軟件系統(tǒng)。
工具
mxGraph
mxGraph?是一個?JavaScript?圖表庫,可以快速創(chuàng)建交互式圖形和圖表應(yīng)用程序,使用 SVG 和 HTML 進(jìn)行渲染,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圖表庫,用于創(chuàng)建完全互動式的圖表,在畫布上畫出支持拖動的Svg圖形,而且可以導(dǎo)出JSON,也能通過JSON配置導(dǎo)入直接生成圖形。它極易上手且操作簡單,并且支持所有的現(xiàn)代瀏覽器。

演示Demo:https://www.jointjs.com/demos
用戶手冊:https://resources.jointjs.com/
Github:https://github.com/clientIO/joint
GoJS
GoJS是一個JavaScript庫,用于在Web上構(gòu)建交互式圖表和圖形。使用流程圖、組織結(jié)構(gòu)圖、BPMN、UML、建模和其他可視化圖形類型構(gòu)建應(yīng)用程序。

演示Demo:https://gojs.net/latest/samples/
用戶手冊:https://gojs.net/latest/learn/
Github:https://github.com/NorthwoodsSoftware/GoJS
Draw.io
Draw.io 是一個免費的在線繪圖和圖表應(yīng)用程序,具有干凈的界面、廣泛的功能、良好的支持。對于需要創(chuàng)建圖表、流程圖、組織結(jié)構(gòu)圖、思維導(dǎo)圖或網(wǎng)絡(luò)圖的人來說,這是一個不錯的選擇。
演示Demo:https://www.draw.io/index.html
用戶手冊:https://www.drawio.com/doc/
Github:https://github.com/jgraph/drawio-desktop
Sovit2D
Sovit2D 是一個在線的可視化開發(fā)平臺,基于B/S架構(gòu)進(jìn)行開發(fā),符合HTML5標(biāo)準(zhǔn),支持Web端呈現(xiàn),支持在瀏覽器端完成便捷的人機交互,簡單的拖拽即可完成可視化頁面的設(shè)計。平臺提供個人版可以免費試用,Sovit2D可靈活、快捷地制作各類交互式常規(guī)屏和可視化大屏,內(nèi)置百余種炫酷組件和組件動畫效果,得到更形象、更直觀的可視化呈現(xiàn)。目前3D版本——Sovit3D也已經(jīng)上線。


演示Demo:https://www.sovitjs.com/demo.html
用戶手冊:https://www.sovitjs.com/document-new-2d-kpu47f.html
HT for Web
可用于快速創(chuàng)建和部署,高度可定制化,并具有強大交互功能的拓?fù)鋱D形及表盤圖表等應(yīng)用。HT for Web 非常適用于實時監(jiān)控系統(tǒng)的界面呈現(xiàn),廣泛應(yīng)用于電信網(wǎng)絡(luò)拓?fù)浜驮O(shè)備管理,以及電力、燃?xì)獾裙I(yè)自動化 (HMI/SCADA) 領(lǐng)域。

演示Demo:https://www.hightopo.com/demos/index.html
OSHMI
OSHMI 是一款專為變電站控制和通用 SCADA 應(yīng)用程序設(shè)計的 HMI 軟件,以開源 (GPL) 形式分發(fā),無需許可費用。它也可以用于任何其他自動化領(lǐng)域。
演示Demo:http://vmi233205.contaboserver.net:51909/
Github:https://github.com/riclolsen/OSHMI
總結(jié)
隨著信息技術(shù)和互聯(lián)網(wǎng)技術(shù)的發(fā)展,工業(yè)互聯(lián)網(wǎng)逐漸成為工業(yè)領(lǐng)域中的重要技術(shù)應(yīng)用,而基于Web的組態(tài)軟件將會得到廣泛應(yīng)用,多元素豐富的可視化組件和支持快捷的數(shù)據(jù)綁定方式,可用于快速創(chuàng)建和部署,簡單的拖拽即可完成可視化頁面的編排設(shè)計,快速構(gòu)建SCADA、HMI、儀表板、IIOT系統(tǒng),廣泛應(yīng)用于工業(yè)、水利、電力、能源、油氣、環(huán)境、園區(qū)、交通等領(lǐng)域。