# Display any real time value direcly in front of picture?

**URL:** <https://discourse.nodered.org/t/display-any-real-time-value-direcly-in-front-of-picture/43138>\
**Category:** General\
**Created:** [24 March 2021 18:30 UTC](https://discourse.nodered.org/t/display-any-real-time-value-direcly-in-front-of-picture/43138 "2021-03-24T18:30:49Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [24 March 2021 19:16 UTC](https://discourse.nodered.org/t/display-any-real-time-value-direcly-in-front-of-picture/43138/3 "2021-03-24T19:16:16Z")

</div>

You could probably adapt [this solution](https://discourse.nodered.org/t/noob-node-red-user-connecting-dropdown-item-to-html-value/39818/2)

Alternatively, use [node-red-contrib-ui-svg](https://flows.nodered.org/node/node-red-contrib-ui-svg/in/590bc13ff3a5f005c7d2189bbb563976) and have beautiful vector diagrams

Example (not so beautiful but it demonstrates text and colour animations)...

 ![2019-08-29_13-30-09.gif](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/3a80af54f901e4ff4700febcdfbe2feb0872a416.gif)

---

_[View the full topic](https://discourse.nodered.org/t/display-any-real-time-value-direcly-in-front-of-picture/43138)._