CODESYS includes an HMI editor in the IDE, with no separate tool or extra licence needed to start. Draw a Visualization, bind each element to a project variable, and the same screen runs on a target display or as a WebVisu in a browser. Change the PLC variables on the right to see how their values affect the browser screen.
The left panel shows the WebVisu, which serves the visualization to a browser over HTTP. The right panel contains the PLC variables. Toggle xPumpRun, drag rLevel, then raise the temperature. The screen elements bound to those variables update immediately. Press START on the screen to write the variable back to the PLC. Both panels use the same CODESYS application, with no separate HMI project.
Press START on the screen to write xPumpRun := TRUE directly into the running application and flip the toggle on the right. The binding works in both directions. In this example, the screen displays the controller's variables and sends operator commands; the PLC runs the control logic. The same visualization renders on a panel, a PC or a browser through WebVisu. A safety relay or safety PLC must handle any safety function; ordinary PLC logic and an HMI are not substitutes.
🖥️ TargetVisu renders the visualization on a display attached to the controller, such as a panel PC or an HMI screen used as the machine's operator station.
🌐 WebVisu serves the same screen from the controller over HTTP. Open it in a browser on a phone or tablet without installing a client.
🛠️ Editor / online runs the visualization inside the CODESYS IDE while you are online, where you can use it to test & debug the application.
♻️ Draw once and select the renderer in the settings. You build the screen once; alarms, trends & multitouch elements are built in.
An operator asks: "if the visualization crashes, will the process interlock still work?" This question concerns ordinary process control. A safety relay or safety PLC must handle any safety function.