CODESYS® Visualization

Creation of professional visualization interfaces

CODESYS Visualization

A powerful tool that helps you create professional and intuitive displays for your automation projects - fully integrated in the PLC programming environment CODESYS Development System. Display in all common browsers as well as on remote and integrated displays.

Simply use it!

You don't know anything about CSS, JavaScript or HTML5? No problem! You can still use our multifunctional engineering tool to create modern user interfaces providing the latest technologies.

Visualizations enable convenient operation and monitoring of industrial machines of all kinds. They display digitized system data and make them intuitively understandable: for commissioning machines and systems, for operating, maintaining, servicing, for monitoring, and programming logic controllers.

CODESYS Visualization makes it easy for you to create clear and convenient operating and monitoring interfaces. 

And with maximum degrees of freedom:

  • For any control systems (compatible with CODESYS or not)
  • For machines and systems in factory automation, in mobile machines, in process automation, building technology, in systems for energy generation, storage and distribution and many other use cases
  • For display on PCs, on panel controllers, or in the browser - based on a single project. The platform used automatically recognizes the appropriate format or resolution of the respective display device.
  • Engineering in the CODESYS Development System in parallel to IEC 61131-3 application programming
  • For engineering as a stand-alone task or in parallel with the logic application
  • Optimized for operation with different application symbols, design concepts, or display sizes, in different languages, etc.

The highlights of CODESYS Visualization

Multifunctional engineering tool

  • Easily configurable user interface for pure HMI applications, as well as for multifunctional automation interfaces for one or more control systems
  • Creation of user interfaces with a convenient editor
  • Programming of logic controllers in accordance with IEC 61131-3 and direct access to their variables; more integrated automation functions, such as I/O and fieldbus configuration, motion control, or safety applications
  • Access to external control data via OPC UA / OPC DA or via a proprietary interface
  • Simultaneously on several client platforms if required

Multiple use of visualizations for different tasks

  • Visualization screens for machine/system operation
  • Convenient user interfaces for testing and commissioning
  • Supervision for monitoring and coordinating one or more machines/systems

Simplified engineering while using the same engineering tool for logic applications

  • No need to synchronize tag lists due to integration in the IEC 61131-3 tool
  • Direct access to all application variables
  • Simultaneous monitoring of application and visualization

Extended functionality due to the integration of CODESYS Visualization into the CODESYS Development System

  • Powerful “FB instances” of visualizations for object-oriented use
  • Convenient array access from the visualization
  • Simple recording of real-time data
  • Immediate expandability of the pool of visualization elements
  • Calls of PLC functions from the visualization

Available products and display variants

CODESYS Visualization is available as CODESYS WebVisu, CODESYS TargetVisu, and CODESYS HMI. The functional scope of these three variants is largely identical, but the technical functions differ.

Also: Integrated web client in the CODESYS Development System

For tests or for service or diagnostic purposes with an online connection to the control unit.

What CODESYS Visualization offers you

Large selection of prefabricated and importable elements

With a variety of functionally complex but easy-to-use visualization elements, you can create modern and professional visualization interfaces in no time at all. In addition to control elements such as switches, buttons, and sliders, you can also use elements for displaying and recording data, e.g. pointer instruments, trace, histogram, and trend function. You also have the option of flexibly adapting generic elements to your requirements. You can easily integrate external HMTL5 elements and use your control data to animate them. It is also possible to embed or reference pixel graphics (jpg, png, gif, etc.) and vector files (svg). Visualization styles offer you a variety of ready-made visualization elements that you can customize as you wish: By simply switching between styles, you can adapt your entire project to the desired look and feel.

Simple integrated engineering

Engineering is done in the CODESYS Development System, if required in parallel with the development of your IEC 61131-3 application. You can animate visualization elements using production data variables with just a few mouse clicks - from simple movement and gesture control to multi-touch functions. If you wish to compare projects created in this way with other projects on your hard disk, it just takes one mouse click.

Fast connection to any control platform

Create visualizations for any controllers via OPC UA. Browse the available variable space and use the OPC UA server to make your own variables available to other platforms in the Industry 4.0 environment. Or work conveniently with variables from a CODESYS logic application without having to integrate external data. In addition, a convenient and lean API is also available for data connection.

Integrated alarm management

Based on the PLC variables, you can classify critical states for production, machine, or operation into classes, groups, and types, display them within the CODESYS Visualization, and react to them - this even works for several visualized controllers simultaneously if required.

Secure thanks to sophisticated user management

You can conveniently manage all user interfaces down to individual visualization elements on the basis of access rights for individual users or user groups - including available functions for login, password management, and user administration in online mode.

Smart reusability

Store complete visualization pages in libraries and reuse them - thanks to the parameter interface that makes the visualization objects created as flexible as IEC 61131-3 function blocks. If required, such visualization libraries can even be further marketed in the community. Thanks to the modular approach, you can also predefine alarms for function blocks.

Switching languages, images, and units

Images and texts are managed in lists. You can reference / embed existing images and use them to create user interfaces. You can therefore easily access the fixed and dynamically stored elements. Text lists can be made available to external coworkers for translation via export/import. The visualization can be translated and displayed in all languages using the Unicode data format. In addition to language switching, you can also convert units automatically, e.g. for entering and displaying values in different regions.

Flexible and secure communication concept

Data sources from different devices can be easily integrated. In this way, several controllers can be visualized in one project - or the pages of a project on several display devices. Communication between the controllers and to the visualization can be encrypted via X.509 certificates and thus protected against unauthorized access - especially when used in Industry 4.0 environments.

Video series: CODESYS Visualization

The video series gives you an insight into the possibilities offered by CODESYS visualization. You can quickly get to grips with the topic and get ideas for your own projects.

Download the CODESYS project for the video series here.

We recommend using CODESYS V3.5 SP19 Patch 4 or higher and the CODESYS Visualization add-on in version 4.4.0.0 or higher.

 

 

 

To view the video, cookies must be enabled in the "Advertising" section!

Part 1/9: Introduction

The first video gives you a brief overview of the topics covered in the video series.

To view the video, cookies must be enabled in the "Advertising" section!

Part 2/9: Sample project and basic visualization

The second video gives you an overview of the sample project that accompanies the video series and contains the functions shown. In addition, a basic visualization project is created.

To view the video, cookies must be enabled in the "Advertising" section!

Part 3/9: Frames

This video introduces the frame element. You can use this element to structure your project and create your own widgets.

To view the video, cookies must be enabled in the "Advertising" section!

Part 4/9: Menu

This part of the video series shows how to create a menu for the visualization in order to navigate between the main pages.

To view the video, cookies must be enabled in the "Advertising" section!

Part 5/9: Overlay

This episode introduces the overlay technology within the CODESYS Visualization and shows how you can use it.

To view the video, cookies must be enabled in the "Advertising" section!

Part 6/9: Visualization Styles

In this video you will learn how to create a visualization style and what advantages it offers.

To view the video, cookies must be enabled in the "Advertising" section!

Part 7/9: Multiple language support

This part of the video series shows you how to switch the languages of your texts within a visualization.

To view the video, cookies must be enabled in the "Advertising" section!

Part 8/9: HTML5 Controls

This episode gives you a brief overview of how HTML5 controls can be used in the CODESYS visualization.

To view the video, cookies must be enabled in the "Advertising" section!

Part 9/9: XY Chart

This last video of the CODESYS visualization series shows how to configure the visualization element XY-Chart within a visualization and which functions it offers online.

CODESYS Store How to get

How to get

If you integrate CODESYS into systems or use it in machine or plant construction, the following options are available to you with CODESYS Visualization:

  • A control system with CODESYS WebVisu.
    Which one? Take a look at CODESYS Inside.
  • A SoftPLC for standard platforms from the CODESYS Store. You license the CODESYS WebVisu via application-based licenses.
  • A controller with the CODESYS TargetVisu.
    Which one? Take a look at CODESYS Inside.
  • CODESYS HMI as a client for collecting data from any controller via OPC UA and for providing the CODESYS WebVisu
  • Download the CODESYS Development System (from CODESYS V3.5 SP10) free of charge from the CODESYS Store and install it. A demo version of CODESYS HMI SL is included with the setup and can be tested immediately. Alternatively, the current version of CODESYS HMI SL can be downloaded separately from the CODESYS Store.
  • Purchase licenses for a full version of CODESYS HMI SL in the CODESYS Store and store them on the target device - including optional licenses if required, e.g. to expand the scope of variables or to integrate CODESYS WebVisu for the parallel display of HMI visualizations on HTML5 browsers.

Downloads

CODESYS for Users (Brochure)

CODESYS - One software. All applications. Your automation solution.

2 MB

25.10.2023