# Creating SCADA-like user interfaces using uibuilder and SCADAvis.io
**URL:** https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209
**Category:** Share Your Projects
**Created:** [2 October 2019 17:23 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209 "2019-10-02T17:23:53Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@riclolsen](https://discourse.nodered.org/u/riclolsen)
#### Post date: [2 October 2019 17:23 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/1 "2019-10-02T17:23:53Z")
I have figured out a way to create SCADA-like interactive synoptic interfaces for Node-RED using the [SCADAvis.io](http://SCADAvis.io) toolkit combined with the UIBuilder node.
With this method, it is possible to create rich SVG displays marked up with tagged animations just like in real SCADA software.
See my article here:
[https://ricolsen1supervc.wordpress.com/2019/09/29/creating-scada-like-user-interfaces-for-node-red/](https://ricolsen1supervc.wordpress.com/2019/09/29/creating-scada-like-user-interfaces-for-node-red/)
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [2 October 2019 19:44 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/2 "2019-10-02T19:44:38Z")
Hi. Taking nothing away from the outstanding good work of @TotallyInformation or your use of it to create a HMI (something I wish more people would do to finally oust the likes of wincc, ifix, cimplicity, rsview and all the other hugely over priced scada applications) i did a demo during development of our (@BartButenaers and myself) new SVG node for dashboard ([forum post](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-first-beta/16210/2) / Github [readme page](https://github.com/bartbutenaers/node-red-contrib-ui-svg) )
This was a simple demo I did using the databinding capabilities...
The source flow for that demo comes in the samples when installed.
A couple of benefits I see over this product you're demoing (from my opinion)...
- This is free (though we do accept GitHub stars and a beer if you ever meet myself or Bart) 👍
- It has a built in online SVG editor (i.e. web based, online) 👍
---
### Author:  [@riclolsen](https://discourse.nodered.org/u/riclolsen)
#### Post date: [2 October 2019 21:05 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/3 "2019-10-02T21:05:35Z")
This is a great solution indeed, Steve.
Easy to use, and well integrated workflow!
Thanks.
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [2 October 2019 22:10 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/4 "2019-10-02T22:10:36Z")
My apologies if my post feels a bit negative, I truly meant to take nothing away from your achievement.
I hope anyone looking for SCADA/HMI functionally find your excellent post most useful.
And thanks for the kind words.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [2 October 2019 22:59 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/5 "2019-10-02T22:59:47Z")
Wow! Great to see such a use for uibuilder, many thanks for sharing. 😍
Steve, also great to see alternatives. This is what Node-RED is all about. Even I use different tools for different reasons. Of course I'll reach for uibuilder but I happily still use Dashboard for simple prototypes where it makes sense. uibuilder simply gives another alternative.
---
### Author:  [@riclolsen](https://discourse.nodered.org/u/riclolsen)
#### Post date: [3 October 2019 00:33 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/6 "2019-10-03T00:33:53Z")
Not negative at all, Steve, you have pointed out a great solution I haven't found.
I am very interested in the SVG editor project.
By the way, as you mentioned SCADA packages let me mention my OSHMI project,100% free and open-source SCADA project:
[https://sourceforge.net/projects/oshmiopensubstationhmi/](https://sourceforge.net/projects/oshmiopensubstationhmi/)
All those great open-source tools can help us achieve so much more!
---
### Author:  [@riclolsen](https://discourse.nodered.org/u/riclolsen)
#### Post date: [3 October 2019 00:39 UTC](https://discourse.nodered.org/t/creating-scada-like-user-interfaces-using-uibuilder-and-scadavis-io/16209/7 "2019-10-03T00:39:35Z")
Thanks Julian,
Having options is really important!
And UIBuilder is awesome!