# Data overlay on graphic

**URL:** <https://discourse.nodered.org/t/data-overlay-on-graphic/55730>\
**Category:** Dashboard\
**Created:** [26 December 2021 18:07 UTC](https://discourse.nodered.org/t/data-overlay-on-graphic/55730 "2021-12-26T18:07:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![JochenCGN](https://avatars.discourse-cdn.com/v4/letter/j/4491bb/32.png) [@JochenCGN](https://discourse.nodered.org/u/JochenCGN)\
**Post date:** [26 December 2021 18:07 UTC](https://discourse.nodered.org/t/data-overlay-on-graphic/55730/1 "2021-12-26T18:07:37Z")

</div>

I have a fixed size graphic. 800 \* 600 for example. PNG, JPG or similar. In certain places I would like to display numbers from Node-Red. For example, the value of msg.payload.temperature\_C at possition 100 \* 200 above the graphic. Can someone help?

---

<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:** [26 December 2021 19:30 UTC](https://discourse.nodered.org/t/data-overlay-on-graphic/55730/2 "2021-12-26T19:30:11Z")

</div>

Node-red-contrib-image-tools can do this. See the built in examples (CTRL+I --\> examples)

---

<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:** [25 January 2022 19:30 UTC](https://discourse.nodered.org/t/data-overlay-on-graphic/55730/3 "2022-01-25T19:30:38Z")

</div>

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