# Uibuilder + VueJS + SVG = visual IoT floorplan

**URL:** <https://discourse.nodered.org/t/uibuilder-vuejs-svg-visual-iot-floorplan/17461>\
**Category:** Share Your Projects\
**Tags:** uibuilder\
**Created:** [3 November 2019 14:20 UTC](https://discourse.nodered.org/t/uibuilder-vuejs-svg-visual-iot-floorplan/17461 "2019-11-03T14:20:46Z")\
**Posts on this page:** 1\
**Showing post:** 53

<div class="post-metadata">

**Author:** ![TadyTheFish](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@TadyTheFish](https://discourse.nodered.org/u/TadyTheFish)\
**Post date:** [13 December 2022 14:41 UTC](https://discourse.nodered.org/t/uibuilder-vuejs-svg-visual-iot-floorplan/17461/53 "2022-12-13T14:41:12Z")

</div>

SWG Graphics node.. Trom this thread

> [@Having fun with SVG - playing with light sources](https://discourse.nodered.org/t/having-fun-with-svg-playing-with-light-sources/38346):
>
> Hi folks, A HAPPY NEW YEAR to the entire community!! champagne champagne champagne While the wife and kids were still sleeping, I sneaked downstairs to experiment with light sources in SVG. Not sure whether this is called dedication, or just me being pathetic rofl With this simple flow: [image] [{"id":"4a7aaca8.bd6084","type":"ui\_svg\_graphics","z":"7f1827bd.8acfe8","group":"7185c2fb.c66bbc","order":0,"width":"12","height":"12","svgString":"\<div class=\"contain-demo\"\> \n \<svg wi…

---

_[View the full topic](https://discourse.nodered.org/t/uibuilder-vuejs-svg-visual-iot-floorplan/17461)._