Network Switch User Interface

Hello,

I am planning to recreate the image below in ignition perspective. I am thinking of trying to use pipes to accomplish it.

One thing I really want is to be able to click on each link, and I noticed that the pipes themselves cant have events binded to them, but the xy container can have a binding for "pipe clicks". Is there a way to return what pipe is clicked? Or do I need a unique xy container for each pipe segment.

Thank you for your advice in advance!

Seems like a perfect application for Naders flow/node editor:

1 Like

Update: using "event.pipeIndex" I am able to get info on the exact pipe I clicked. Still would like to know if you experts would use pipes in this situation. Thank you

I will investigate, thank you for your feedback!

With the Flow diagram component, each line can be recreated by edge, each edge has unique id and clicking on edges we have edge on click event. Just noted, for each device you need to create a node(embedded view) with some handles to connect the lines. The trick here is to setup handle position so they overlay the ProfiNet port in your graphic. Just checkout the playground project, P&ID editor view to get beter idea.
After you finish your drawing you can disable edit mode in props.interaction so your user can't move devices in runtime.
Eventually you can enjoy zoom and pan with the result.

1 Like

I wish there was a vision version. I have a lot of p&ids that I drew by hand...even now, I would take the time to redraw as your presentation is so clean. I do high performance HMI standards, so P&IDs typically get buried to the 3rd level of nav, but even still, this presentation would be very helpful, IMO. Hand drawing interconnects to devices and not being able to drag them around is too tedious.

In any case P&ID drawing is painful for everyone specially when your diagram is so big.
Here is a sample in flow diagram.

Network Diagram.zip (71.4 KB)

My P&IDs are compartmentalized, but the current plant I'm doing has roughly 100 seperate D size drawings, and thats not including the line drive or finished product packaging.

Nice work on the network visualization. Would be a no brainer if I were working in perspective. I still watch your YouTube videos to get ideas for my vision presentations.

1 Like