Hi folks, Some time ago I have announced an alpha version of node-red-contrib-ui-svg, to create interactive SVG (vector graphics) drawings in Node-RED: [image] Announce node-red-contrib-ui-svg : feedback request Share Your Nodes Hi folks, An interactive floorplan is alr…

Hi folks, Good news for the SVG lovers in the Node-RED community, since we proudly announce our second beta version (1.1.0) :champagne: :partying_face: :champagne: :partying_face: But to be honest, due to private issues I had very few spare time for this beta release. So most credits go to my p…

I can use exactly this for an upcoming project. Where can I find the demo flow? I looked on the NR forum and Git. I didn't see this one. edit: It is the data driven HMI demo

[image] jmorris644: Where can I find the demo flow? Hi Joe ( @jmorris644 ), You can find the nice demo from @Steve-Mcl in the "import" menu. For Node-RED version 1.0.x it can be accessed like this: [svg_example_flow]

Thanks Bart! I didn't even know the demo area of import existed. The layout that @Steve-Mcl created is exactly what I will be needing. But the flow was not quite what I had imagined by being data driven. I need to monitor about 100 remote IOT devices with both architectural health information but …

[image] jmorris644: But the flow was not quite what I had imagined by being data driven. For a demo, demo data is faked. What did you expect? If you want real data to drive it then replace the demo data :+1: [image] jmorris644: Also the number of devices may change upon implementation s…

Sorry, total confusion. So lets say that I want the boxes lie you have them with certain names and certain data and allow drilldown to display more data within a box. Each box could represent a device in the real world that is being monitored. Based on the state of the real-world device the box wou…

[image] BartButenaers: You can find the nice demo from @Steve-Mcl in the " import " menu. In Win10/Chrome the behaviours are not working for me (title bar not going to full screen, and station 10 click just flashes up page 2 then drops back to page 1).

@Bobo yeah, I had some difficulties with this & I am considering adding something into this contrib node that better handles it. I dont fully remember the problems I had (something like full screen would only work first time after refresh or stop working after switching dashboard tabs). For now, i…

[image] Steve-Mcl: For now, it is flaky Regardless of the demo, it is a great piece of work. :+1:

[image] jmorris644: I see that the node input allows me to set attributes of elements, but can I dynamically create the elements themselves? Ah ha now we are getting to it :smiley: in a sense, yes, there is the ability to "update_text" (see built in info) which under the hood updates the con…

[Announce] node-red-contrib-ui-svg (final beta) UPDATE V1.2.1

Share Your Nodes

BartButenaers 23 October 2019 21:40 91

This is the end of our beta testing phase. We have now published the SVG node on NPM, so please add your feedback on our new discussion.

Topic		Replies	Views
[Announce] node-red-contrib-ui-svg Share Your Nodes	88	9346	25 April 2021
Announce node-red-contrib-ui-svg : feedback request Share Your Nodes	43	5739	2 October 2019
[ANNOUNCE] node-red-contrib-ui-svg: 2.1.0 beta Share Your Nodes	3	841	29 December 2020
Template Svg Graphic General node-red-dashboard	14	867	8 May 2023
Node-red-contrib-ui-svg example flow not working properly General	4	770	19 July 2020

[Announce] node-red-contrib-ui-svg (final beta) UPDATE V1.2.1

Related topics