The hottest visualization Web configuration software

FUXA

FUXA is a web-based process visualization (SCADA/HMI/Dashboard) open source configuration software that allows you to easily create HMI, SCADA, dashboards and IIoT systems without web programming knowledge. Connect processes via OPC UA, Modbus, BACnet, Ethernet/IP (Allen Bradley), SiemensS7, WebAPI or MQTT. Use drag and drop to intuitively create solutions using predefined widgets. Configure access rights, alarms, historical data. Runs in any web browser on a PC, touch panel or smart device such as a tablet or smartphone.

GitHub address: https://github.com/frangoteam/FUXA

DEMO demo: https://frangoteam.github.io/

Official website address: https://frangoteam.org/

mxGraph

mxGraph is a JavaScript charting library for drawing flowcharts based on the web. It is a free open source tool that uses SVG and HTML for rendering. The mxGraph library does not use third-party software, does not require plug-ins, and can be integrated into almost any framework. Many visual configurations are implemented with the help of it, but the development of mxGraph has been stopped. There are many problems that need to be solved and few reference materials for learning.

GitHub address: https://github.com/jgraph/mxgraph

DEMO demonstration: https://jgraph.github.io/mxgraph/javascript/examples/graphedi...

Drawio

Drawio is a powerful, free drawing tool from the same company as mxGraph, but Drawio is more complete.

GitHub address: https://github.com/jgraph/drawio

DEMO: https://app.diagrams.net/

Official website: https://www.drawio.com/

Sovit2D

Sovit2D is a powerful web-based process visualization configuration software with extensive design capabilities, pure web technology, a fully drag-and-drop WYSIWYG development environment, and easy creation of dynamic SCADA dashboards using predefined widgets. It can easily create intuitive and attractive web-based HMI, SCADA, dashboards, and IIOT systems for data visualization and remote equipment control without web programming knowledge.

GitHub address: Digital Dimension Chart

Official Document: https://www.sovitjs.com/document-a1-2734927293901176834.html

DEMO: https://www.sovitjs.com/demo.html

HT for Web

HT for Web is usually referred to as HT. It is a WebGL engine developed based on JavaScript and can be used for 2D/3D visualization development.

Official documentation: https://www.hightopo.com/guide/guide/core/beginners/ht-beginn...

DEMO demonstration: https://www.hightopo.com/demo/2deditor/HT-2D-Editor.html

WebTopo

SVG visual web configuration editor based on vue+ts. You can directly use SVG files and vue components as editor graphics libraries, give them functions such as scaling and rotation, and support custom extension parameters, real-time control of component status, etc., mainly used for IoT mqtt real-time system diagrams.

GitHub address: https://github.com/phynos/WebTopo

DEMO demonstration: https://phynos.github.io/WebTopo/dist/spa/

All of the above mentioned visualization Web configuration software can run at ARMxy ARM Embedded Computers for IIoT, Digital Transformation applications.