# Display a single line diagram and link field signals (Digital I/Os) to the visual representation

**URL:** <https://discourse.nodered.org/t/display-a-single-line-diagram-and-link-field-signals-digital-i-os-to-the-visual-representation/50899>\
**Category:** General\
**Created:** [11 September 2021 19:10 UTC](https://discourse.nodered.org/t/display-a-single-line-diagram-and-link-field-signals-digital-i-os-to-the-visual-representation/50899 "2021-09-11T19:10:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Isuru](https://avatars.discourse-cdn.com/v4/letter/i/ecb155/32.png) [@Isuru](https://discourse.nodered.org/u/Isuru)\
**Post date:** [11 September 2021 19:10 UTC](https://discourse.nodered.org/t/display-a-single-line-diagram-and-link-field-signals-digital-i-os-to-the-visual-representation/50899/1 "2021-09-11T19:10:54Z")

</div>

Hi, I want to display a single line diagram (switching device, transformer, cables) in node red dashboard and link them to the field signals (i.e color change when a breaker is switched on etc.) . Can I achieve this in node red dashboard.  
Any help with this will be highly appreciated.

Thanks.

---

<div class="post-metadata">

**Author:** ![edje11](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edje11/32/572_2.png) [@edje11](https://discourse.nodered.org/u/edje11)\
**Post date:** [11 September 2021 20:45 UTC](https://discourse.nodered.org/t/display-a-single-line-diagram-and-link-field-signals-digital-i-os-to-the-visual-representation/50899/2 "2021-09-11T20:45:17Z")

</div>

Have a look at the svg node and his samples. This should do the trick for you.

> **[node-red-contrib-ui-svg](https://flows.nodered.org/node/node-red-contrib-ui-svg)**
>
> A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard

---

<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:** [10 November 2021 20:45 UTC](https://discourse.nodered.org/t/display-a-single-line-diagram-and-link-field-signals-digital-i-os-to-the-visual-representation/50899/3 "2021-11-10T20:45:23Z")

</div>

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