# How to process draw in svg graphics

**URL:** https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660
**Category:** Dashboard
**Created:** [27 July 2022 01:45 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660 "2022-07-27T01:45:54Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![HuynhNguyet](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@HuynhNguyet](https://discourse.nodered.org/u/HuynhNguyet)
#### Post date: [27 July 2022 01:45 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/1 "2022-07-27T01:45:54Z")

</div>

Hi,  
I used svg graphics to draw and display in dashboard. But the display don't like as I want. I draw in SVG Editor then I save and watch in dashboard. I didn't see the letters. Please see the attached pictures.  
If you know, please help me. Thank you very much!

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/a/9a7504389a866be28f56ad182f8754829de8eee6.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/c/0c74d0861c9fb0234ab928fdddb7f9238e6dc9bc.jpeg)

---

<div class="post-metadata">

### Author: ![fufubalu](https://avatars.discourse-cdn.com/v4/letter/f/b3f665/32.png) [@fufubalu](https://discourse.nodered.org/u/fufubalu)
#### Post date: [27 July 2022 13:01 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/2 "2022-07-27T13:01:56Z")

</div>

Is it possible that your ui\_tab / ui\_group is too small?  
You can check this in the layout of your tab see picture  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/8/682f7b9731cd3fe39d1a377289d03258991d5e77.png)

Because the picture isn't displayed as whole as well.

---

<div class="post-metadata">

### Author: ![HuynhNguyet](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@HuynhNguyet](https://discourse.nodered.org/u/HuynhNguyet)
#### Post date: [29 July 2022 04:19 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/3 "2022-07-29T04:19:06Z")

</div>

Thank you very much! I already edit the size in group. I feel the picture is not in the position I wanted.

---

<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: [29 July 2022 04:49 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/4 "2022-07-29T04:49:47Z")

</div>

Does this [tutorial](https://github.com/bartbutenaers/node-red-contrib-ui-svg/wiki/Getting-started-with-the-UI-SVG-node) help? I assume there is a problem with your x, y, width, height or viewbox attribute of your svg.

---

<div class="post-metadata">

### Author: ![HuynhNguyet](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@HuynhNguyet](https://discourse.nodered.org/u/HuynhNguyet)
#### Post date: [29 July 2022 06:47 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/5 "2022-07-29T06:47:53Z")

</div>

I am also in the same situation as you.

---

<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: [29 July 2022 10:24 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/6 "2022-07-29T10:24:41Z")

</div>

> [@HuynhNguyet](#):
>
> I am also in the same situation as you

Not sure if I understand you correctly. I have written that tutorial at the time being, to help users getting started. Is it of any help to you?  
You can always export the svg part of your flow and share it here, if you need help...

---

<div class="post-metadata">

### Author: ![HuynhNguyet](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@HuynhNguyet](https://discourse.nodered.org/u/HuynhNguyet)
#### Post date: [1 August 2022 01:17 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/7 "2022-08-01T01:17:44Z")

</div>

Oh, I am sorry. I didn't understand your first reply and now I clear.  
Thank you very much.

---

<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: [31 August 2022 01:18 UTC](https://discourse.nodered.org/t/how-to-process-draw-in-svg-graphics/65660/8 "2022-08-31T01:18:03Z")

</div>

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