# \[ANNOUNCE\] node-red-contrib-drawsvg (beta version)

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-drawsvg-beta-version/17724>\
**Category:** Share Your Nodes\
**Created:** [9 November 2019 21:25 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-drawsvg-beta-version/17724 "2019-11-09T21:25:14Z")\
**Posts on this page:** 3\
**Page:** 1

<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:** [9 November 2019 21:25 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-drawsvg-beta-version/17724/1 "2019-11-09T21:25:14Z")

</div>

Hi folks,

Recently @Steve-Mcl and I have published the [node-red-contrib-ui-svg](https://github.com/bartbutenaers/node-red-contrib-ui-svg/blob/master/README.md) node, which allows users to integrate vector graphics in their Node-RED dashboard.

To simplify the drawing process, we had added a button to open the **DrawSvg** drawing program. To accomplish that, we use the DrawSvg [online](http://www.drawsvg.org/drawsvg.html) cloud editor service. That works fine, but we also wanted to have a solution e.g. for offline Node-RED installations.

To support those **offline** setups, Joseph Liard (the author of DrawSvg) has delivered us a **local** version of his drawing program. So applause again for Joseph! By installing the new [node-red-contrib-drawsvg](https://github.com/bartbutenaers/node-red-contrib-drawsvg) node, you can now host your own local DrawSvg service inside Node-RED (and use that local URL in your node-red-contrib-ui-svg node). 🍾 🥳

This node has not been published on NPM yet, so you can install it directly from my Github account:

```auto
npm install bartbutenaers/node-red-contrib-drawsvg

```

P.S. we haven't added this functionality to the node-red-contrib-ui-svg itself, because an extra 65 Mbyte is required (which would be a waste of resources for most users)...

Have fun with it!!  
Bart and Steve

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [9 November 2019 21:29 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-drawsvg-beta-version/17724/2 "2019-11-09T21:29:53Z")

</div>

Oh very cool! Nice one.

It is odd, a few years ago, getting anything to handle an SVG was hard, now we have loads of tools available.

---

<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:** [19 November 2019 19:16 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-drawsvg-beta-version/17724/3 "2019-11-19T19:16:08Z")

</div>

Version **1.0.0** has been published on NPM ...