# How to draw the shape of a plant in nodered

**URL:** <https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178>\
**Category:** General\
**Created:** [15 January 2021 13:57 UTC](https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178 "2021-01-15T13:57:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![oussama55](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@oussama55](https://discourse.nodered.org/u/oussama55)\
**Post date:** [15 January 2021 13:57 UTC](https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178/1 "2021-01-15T13:57:33Z")

</div>

Hi guys,  
i wish you everyone a wonderful day.  
i have an issue in drawing the shape of a plant(with its roots so it can look a little bit real hhhh) in node red so i can represent it in the dashboard.  
The whole item of my project is to make a soil sensor connected to the shape of this plant via a hardware(Raspberry),and software(node red).  
The roots of the plant should be linked to a scale which indicates the percentage of irrigation of the soil for the plant.  
I wuld be grateful if someone can help me with solving this problem(it's urgent please).  
Thank you.

---

<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:** [15 January 2021 14:07 UTC](https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178/2 "2021-01-15T14:07:23Z")

</div>

This could be achieved using node-red-contrib-ui-svg

You can draw (or copy) the svg and animate whatever parts of it you want.

---

<div class="post-metadata">

**Author:** ![oussama55](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@oussama55](https://discourse.nodered.org/u/oussama55)\
**Post date:** [15 January 2021 14:15 UTC](https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178/3 "2021-01-15T14:15:49Z")

</div>

That's new and interesting for me, i think i will use it but unfortunately i don't know how, is there any link or tutorial on the internet that explains SVG graphics node very well?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [15 January 2021 14:20 UTC](https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178/4 "2021-01-15T14:20:21Z")

</div>

Take a read of the announcement thread. It might give you some insight

> [@\[Announce\] node-red-contrib-ui-svg](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg/17063):
>
> Hi folks, After some beta releases, Steve (@Steve-Mcl) and I proudly announce that our [node-red-contrib-ui-svg](https://github.com/bartbutenaers/node-red-contrib-ui-svg) node is finally available on NPM (version 1.2.2). champagne partying_face beer birthday [image] We have spend an awful lot of free time on it, so we hope you enjoy it. Now it is finally possible to create dual-way interactive vector graphics in your Node-RED dashboard, for example to create a floorplan to control your smart home. We would also like to thank again our partn…

---

<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:** [16 March 2021 14:20 UTC](https://discourse.nodered.org/t/how-to-draw-the-shape-of-a-plant-in-nodered/39178/5 "2021-03-16T14:20:27Z")

</div>

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