React / Angular /VUE are DOM based frameworks, where as mSCADA is pure SVG based, no DOM required. Just one HTML page having a DIV block where the SVG canvas is invoked! All components including Graphics and Tables are realized using SVG. (Ignition also uses some third party library for UI, I am forgetting its name). However I have plans to use one of the DOM frameworks that you mentioned and my SVG canvas can be drawn on any of the DIV's of an HTML page. So you have a mix of the HTML/CSS and SVG components to design the UI. But traditionally SCADA requires more of graphical displays such as P&ID, dials, trends etc, rather than HTML Text/Table displays. However many of the Client frameworks now a days provide trends / bars/ dash board components which are built using pure HTML/CSS , so theoretically its possible to build SCADA interface using these built in HTML/CSS components using frameworks like Infragesics / Syncfusion/Keno UI etc which use typescript, but I don't know why no SCADA vendor uses these frameworks on client side! Perhaps its due to legacy SCADA systems prevailing in the market. In fact the HTML/CSS frameworks also offer responsive screens that scale/resize according to display size including Mobile phone screens!
1 Like