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.
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
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.
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.
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.