Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TES Blocks Experiment

Public visualization

Viewing a saved revision (read-only)

7ad9310f75024676bcd9252bcf092023

TES Blocks Experiment

0 stars0🌍 Public
Jjustinhersom@gmail.com
Last edited Dec 11, 2023
Created on Dec 11, 2023
Forked from HTML Starter

This example renders a single Beckhoff TwinCAT HMI text block element, displaying a temperature value read from the PLC variable `PLC1.MAIN.TE_C3A6` formatted with `%f%GaugeValueFormatter(...)%/f%` and appended with "°C". The `index.html` file uses pure CSS and JavaScript to position the element with absolute pixel and percentage coordinates, while the inline JSON scripts configure the block's border width and style. The element is identified by `data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiTextblock"`, leveraging the TcHmi framework for industrial visualization.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.