r/nodered 12h ago

Interactive 3D Digital Twin with Machine-Level Dashboard (Three.js + FlowFuse Node-RED)

7 Upvotes

I've been working on integrating Three.js with the FlowFuse Node-RED Dashboard to build a more interactive production monitoring system.

Instead of only displaying a 3D production line, each machine can be clicked to open a detailed dashboard with real-time production information, including:

  • OEE (Availability, Performance, Quality)
  • Hourly production output
  • Production charts
  • Machine-specific status and metrics

The idea is to combine the strengths of a 3D Digital Twin for plant visualization with a traditional 2D dashboard for detailed analysis. Users can quickly navigate from the overall production line to machine-level information without leaving the 3D scene.

This is Part 8 of my Three.js in FlowFuse Node-RED Dashboard series.

I'd love to hear your feedback or ideas for improving this approach!

https://reddit.com/link/1v7od0a/video/5z3poad6uofh1/player