Web based HMI Tool

The Web Edition of the GLG Toolkit by Generic Logic is a high-performance developer framework designed to build and deploy real-time web-based Human-Machine Interfaces (HMI) and SCADA dashboards. It allows you to build dynamic visual interfaces that operate straight inside a standard web browser with no local installation or plugins required.Key ComponentsGLG Graphics Builder: A desktop-based drag-and-drop graphical editor. It allows you to draw vector-based HMI screens, define dynamic structural animations, and set data-binding parameters visually without writing custom rendering code.GLG JavaScript Library: A client-side library used to render your custom HMI graphics via HTML5 Canvas. It natively integrates into vanilla JavaScript or modern frontend frameworks including React, Angular, and Next.js.Pre-Built Widget Sets: A comprehensive library containing dynamic dials, process meters, real-time charts capable of rendering tens of thousands of data points, toggles, and optional GIS mapping modules.Operational FeaturesHigh Refresh Rates: Utilizes an optimized rendering engine to match the performance of traditional desktop applications, handling rapid, real-time process monitoring data streams.Cross-Platform Portability: HMI screens built with the Graphics Builder are resolution-independent vector drawings. The exact same drawing file can be reused seamlessly across web platforms, mobile devices, and traditional desktop layers (C/C++, C#/.NET, or Java).Open Data API: Easily connects to any backend SCADA architecture, database, or live data acquisition system through its flexible API.If you are exploring it for a specific project, let me know:What backend system or protocol (like OPC UA, MQTT, or SQL) you intend to connect?Which frontend framework (e.g., React, Angular, or plain HTML/JS) your project uses?Whether your operators will primarily use desktop monitors or mobile devices?I can give you more targeted details or integration steps.

The GLG Toolkit Web Edition by Generic Logic is a cross-platform, high-performance graphical framework designed for deploying real-time Human-Machine Interfaces (HMI) and SCADA dashboards directly in web browsers and mobile devices.⚙️ Core Architecture & Web IntegrationHTML5 Canvas Rendering: The toolkit utilizes an optimized HTML5 Canvas-based JavaScript library, enabling pure client-side execution with no browser plug-ins or local client installations required.Framework Flexibility: It natively supports deployment across plain HTML/JavaScript architectures as well as modern enterprise frameworks like React, Angular, and Next.js.Cross-Platform Reusability: HMI screens and logic created in the graphics editor are entirely vector-based and resolution-independent. They can be shared or reused across web, desktop, and embedded systems (such as C/C++, Java, and .NET applications).🛠️ Key ComponentsGLG Graphics Builder: A point-and-click graphical editor used to design dynamic HMI screens, map real-time data sources, and define object animations without writing manual frontend rendering code.HMI Configurator: A simplified version of the editor targeted toward end-users or system operators who need to perform post-deployment customization on existing screens.Pre-Built Widget Sets: Includes a massive library of process control symbols, meters, gauges, toggles, real-time charts capable of rendering tens of thousands of data points, and an optional GIS Map component.📊 Common Use CasesThe framework is tailored for mission-critical, high-refresh-rate industries including:Industrial Process Control and automation monitoringSCADA Mimics and interactive plant diagramsTelemetry & Network Monitoring status screensTraffic & Logistics Management dashboardsAre you planning to build a new web-based HMI project, or are you looking to migrate an existing desktop SCADA screen to the web using the GLG Toolkit?

Key Web Use CasesProcess Control & SCADA: Building elaborate, dynamic diagrams (tanks, valves, pipes) to monitor and control manufacturing or industrial processes in real time.Telemetry & Network Monitoring: Creating visual dashboards that track the status, health, and data flow of telecom networks, traffic systems, or IoT devices.GIS Mapping Integration: Combining process data with geographic maps, enabling automated zooming, panning, and coordinate conversion for geographic-based assets.Mission-Critical Dashboards: Displaying high-performance charts that need to render tens of thousands of data points without system lag.

Downlaod - Web based HMI Tool

Request for Trial licence

Download User Guide & reference manual

Top Platform FeaturesPoint-and-Click HMI Editor: The interactive Graphics Builder lets you design custom HMI elements and logic without manual coding.Multi-Platform Deployment: Create a design once and deploy it across Desktop (C/C++, C#, Java) and Web (JavaScript, React, Angular, Next.js).Open Data API: Easily connects to any backend data acquisition system.Resolution Independence: Uses HTML5 and vector graphics so displays look crisp on everything from large control-room monitors to small mobile screens.If you are considering the GLG Toolkit, tell me:What specific industry are you building this HMI for (e.g., oil and gas, manufacturing, traffic)?What framework do you plan to use for the frontend (e.g., React, Angular, or plain HTML/JavaScript)?I can provide specific configuration examples or deployment steps tailored to your goals.