Hi folks, After some beta releases, Steve ( @Steve-Mcl ) and I proudly announce that our 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 i…

Hi Bart, Just now I have tooo much work. This project becomes much more complicated than I thought. This SVG visualization is only the tip of an iceberg. Too many logic behind it and other things behind it (store variables, database, alerts, logging etc). Also, I use 2 RS485 touchscreen control …

[image] Steve-Mcl: Would you be willing to create a sharable demo version of your flow? With fake data etc. I will do it when I will have time. Now, I think it nearly unuseful for the demo reasons. But I can share an SVG file! [flowpool]

Here the small video which shows normal filtering mode, one backwash cycle and one rinse cycle. https://youtu.be/7Eyw_3DmtgU

i just made an account to tell you this is one of the best and most versatile pieces of software i found in this whole node red ui ecosystem - thanks!

Hey Simon, That is very kind of you!!! It was (most of the time :wink:) fun to build this node together with @Steve-Mcl ...

Want to agree with @simonbuehler - I am streaming info in from my Victron solar system - the block at the top, and from Shelly energy meters, at the bottom. I am not at all using any of the advanced functions yet, need to get there.... For instance, the little red dot bottom block - right - would l…

@BartButenaers thanks again for this amazing node ! can you give me a hint how to avoid this scrollbar [UIMapNodFail] and maybe how you got a even bigger map/svg loaded ?

Hi @vkuehn , [image] vkuehn: can you give me a hint how to avoid this scrollbar The following flow loads a 600x400 image (generated via https://dummyimage.com/ ) and shows it inside the SVG: <svg width="100%" height="100%" enable-background="new 0 0 250 250" xmlns="http://www.w3.org/2000/svg">…

yes the first part answers how to load images and than write over them with svg..cool! My assumption was that the floorplan is all svg. So yes it is a good help and surprising Is there a way to make the widgets larger ?

Node-RED

Node-RED Forum

[Announce] node-red-contrib-ui-svg

Share Your Nodes

Topic		Replies	Views
[Announce] node-red-contrib-ui-svg (final beta) UPDATE V1.2.1 Share Your Nodes	90	9986	23 October 2019
Announce node-red-contrib-ui-svg : feedback request Share Your Nodes	42	5763	2 October 2019
Template Svg Graphic General node-red-dashboard	13	903	9 March 2023
SVG node, change one item's color from another node? General	15	1380	16 December 2020
[ANNOUNCE] node-red-contrib-ui-svg: 2.1.0 beta Share Your Nodes	2	845	28 November 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

[Announce] node-red-contrib-ui-svg

Related topics