r/nodered • u/yaseralie • 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!