# Display text in a svg graphic

**URL:** <https://discourse.nodered.org/t/display-text-in-a-svg-graphic/83208>\
**Category:** Dashboard\
**Created:** [26 November 2023 21:34 UTC](https://discourse.nodered.org/t/display-text-in-a-svg-graphic/83208 "2023-11-26T21:34:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![markush](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@markush](https://discourse.nodered.org/u/markush)\
**Post date:** [26 November 2023 21:34 UTC](https://discourse.nodered.org/t/display-text-in-a-svg-graphic/83208/1 "2023-11-26T21:34:04Z")

</div>

Hello Folks,

i need your help for a new Flow. I want to show a Heating buffer with its temperature state. I found the [most solution in this thread](https://discourse.nodered.org/t/heating-buffer-dynamize/81545#!) . Now i want to display the values of the four temparature sensors i have. I can add text in the svg box:  
` <text x="10" y="50" font-family="Verdana" font-size="15" fill="black">{msg.payload}</text>`

But what syntax do i need to see the values of the sensors?

Thanks in advice, Markus

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [26 November 2023 21:51 UTC](https://discourse.nodered.org/t/display-text-in-a-svg-graphic/83208/2 "2023-11-26T21:51:27Z")

</div>

@markush,

I think [this](https://github.com/bartbutenaers/node-red-contrib-ui-svg/blob/master/docs/msg_control.md#set-text-content-via-msg) example flow on my readme page should get you started.

Good luck!  
Bart

---

<div class="post-metadata">

**Author:** ![markush](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@markush](https://discourse.nodered.org/u/markush)\
**Post date:** [27 November 2023 16:07 UTC](https://discourse.nodered.org/t/display-text-in-a-svg-graphic/83208/3 "2023-11-27T16:07:33Z")

</div>

@BartButenaers Thank you 👍 this should work, I will test it.

---

<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:** [27 December 2023 16:07 UTC](https://discourse.nodered.org/t/display-text-in-a-svg-graphic/83208/4 "2023-12-27T16:07:48Z")

</div>

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