Use WebIQ to Display a simplified digital Twin

[Luschuerz]

I have a customer who would like to create his own HMI. He would need to display the form contour of a piece he would like to bend. 

Specifically that means he would like to have a graph that could move the piece in accordance how it would be bent in reality. The customer would do all the calculations and provide the vectors and data needed for the display. I am specifically wondering if there is already a library or method to implement dynamical graphical displays to achieve such a result in WebIQ. 

I would be glad if I could talk to someone to specify packages etc to suggest to the customer?

Thank you

[webiq-sk · Accepted solution]

The answer cannot be generalized as it depends completely on the specific requirements of the project and you'd have to choose the best option for that specific purpose.

In general, WebIQ can do no more than any other website in a browser (as WebIQ is using only open technologies and does not require any browser plugins). There are several options:

• visualize the process using pre-rendered graphics in GIF or videos MP4 format (essentially play the corresponding video)
• use static images and move them using JavaScript (LocalScripts, custom widgets)
• use full-fledged WebGL libraries for real-time 3D support like ThreeJS https://threejs.org/ - example: https://threejs.org/examples/#webgl_animation_keyframes

All of these could be integrated in WebIQ, however it's up to the WebIQ user to build an HMI with these tools and libraries.

Please also keep in mind that realtime rendering 3D in the browser requires GPU support and many IPCs do not have the sufficient GPU hardware. As 3D rendering would take place in the browser the system where the browser is displaying the HMI is required to have corresponding GPU power, not WebIQ server e.g. running on ctrlX because that would not render any graphics.

[Sgilk]

If it is a 3D model you are looking to display, I have solutions for various file formats integrating ThreeJS with WebIQ. Let me know if you'd like more information or example code.