# Can a pipe and instrumentation diagram showing values etc. be made with the Dashboard?

**URL:** <https://discourse.nodered.org/t/can-a-pipe-and-instrumentation-diagram-showing-values-etc-be-made-with-the-dashboard/66248>\
**Category:** Dashboard\
**Created:** [9 August 2022 19:03 UTC](https://discourse.nodered.org/t/can-a-pipe-and-instrumentation-diagram-showing-values-etc-be-made-with-the-dashboard/66248 "2022-08-09T19:03:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![theodor\_dreyer](https://avatars.discourse-cdn.com/v4/letter/t/87869e/32.png) [@theodor\_dreyer](https://discourse.nodered.org/u/theodor_dreyer)\
**Post date:** [9 August 2022 19:03 UTC](https://discourse.nodered.org/t/can-a-pipe-and-instrumentation-diagram-showing-values-etc-be-made-with-the-dashboard/66248/1 "2022-08-09T19:03:54Z")

</div>

I will use node-red to regulate mixing-loops etc. and would like to make a web-interface,  
like the examples below:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/8/884c99af5c03656f3c8e4b3553833cf61404aa90.png)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/c/6c59a38d5691b1cd72543175e310a5067bd1f282.png)

I am thinking of placing Dashboard elements on top of a background image?  
Will this be easy og nearly impossible?

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [9 August 2022 19:26 UTC](https://discourse.nodered.org/t/can-a-pipe-and-instrumentation-diagram-showing-values-etc-be-made-with-the-dashboard/66248/2 "2022-08-09T19:26:15Z")

</div>

Yes look at [node-red-contrib-ui-svg (node) - Node-RED](https://flows.nodered.org/node/node-red-contrib-ui-svg)

---

<div class="post-metadata">

**Author:** ![SonoraTechnical](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sonoratechnical/32/20033_2.png) [@SonoraTechnical](https://discourse.nodered.org/u/SonoraTechnical)\
**Post date:** [9 August 2022 23:42 UTC](https://discourse.nodered.org/t/can-a-pipe-and-instrumentation-diagram-showing-values-etc-be-made-with-the-dashboard/66248/3 "2022-08-09T23:42:41Z")

</div>

yeah, I need to learn how to work with scalable vector graphics. i mean I started out 30 years ago as an autocad draftsment using lisp..... attempted to do some automated parametric drawing of loop sheets too. this shouldn't be too intimidating.... sometimes a P&ID is the perfect thing on an operator graphic to describe a process you are controlling...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 September 2022 23:43 UTC](https://discourse.nodered.org/t/can-a-pipe-and-instrumentation-diagram-showing-values-etc-be-made-with-the-dashboard/66248/4 "2022-09-08T23:43:14Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.