Is there a nice way to visualise stations on a manufacturing line. I've created a London tube status type idea for all the zones in the factory using the ui-gauge (tile), but I'd like to show a visual representation of the stations within each zone. I could use ui-gauge for each station but what …

You can use the markdown node with mermaid formatting, quick example (AI converted your image into mermaid format) [image] In a markdown node you can put: ```mermaid graph LR S1((S1)):::s1_color S2((S2)):::green subgraph Box[" "] S3((S3)):::red S4((S4)):::green…

I have something similar (see below),I have different rooms(zones) in my house and show in below UI Which room/zones has an active Motion-Sensor. I can enable/disable the motion sensor when clicking on it) the 2nd ui is showing whenever a motion is triggered in any of these rooms As you can see, …

Very nice. Looking to do something like that with similar visual indicator of status colour/icon Ideally I want do something like this, but I guess I can do it with just tile gauges without the connectors Now if I can customise the shape,I'd be very happy :grinning_face: [image]

I'm not an expert, but a few guys here are using SVG for this kind of flow visualisation ... maybe search the forum for it

Ha, ha - I was just going to suggest that. You beat me to it. [image] node-red-contrib-ui-svg A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard I think Bart's node is just for Dashboard-1, but there maybe other versions for D-…

Or you could just place the widgets on a background image that you create.

Here's an example of Colin's suggestion. [wednesday_SVG_a] My CPU monitoring dashboard using Bart's SVG node. The LEDs change colour depending on the temperature reading. The grey one at the top indicates 192.168.1.158 is off-line. The Temp readings and IP addresses are superimposed on the photo …

Looks like there is a limited version for D2, but no longer being developed https://github.com/bartbutenaers/node-red-dashboard-2-ui-svg

Now that's a possibility. Didn't think of that

Probably worth exploring its capabilities as the stuff Bart produced is/was brilliant.

You're a star :star: I think that will do exactly what I want I'll mark as solution when I get it all working Thanks

Node-RED

Node-RED Forum

Visualising a Production line

Dashboard

gerrybartley 27 April 2026 07:02 20

Added an updated flow in Share my Projects https://discourse.nodered.org/t/visual-production-line/100856

Topic		Replies	Views
Dashboard with SCADA-like HMI mimic using SVG graphics Share Your Projects	6	5156	13 January 2021
Pie Chart whitin a SVG Dashboard Dashboard	9	466	27 October 2023
Linear gauge as another gauge option Feature Requests	26	4881	22 March 2019
Factory Metrics Share Your Projects dashboard-2	10	499	17 July 2025
[Announce] node-red-contrib-ui-svg Share Your Nodes	88	9327	25 April 2021

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.

Visualising a Production line

Related topics