FESS Monitoring & Digital Twin
A monitoring interface for a flywheel energy-storage concept, combining MQTT telemetry, time-series views, and a Three.js digital twin.
The engineering problem
Challenge
Give operators one legible view of machine state, vibration-oriented signals, and the physical assembly.
Response
Combined typed web components, MQTT messaging, charting, a relational data layer, and React Three Fiber visualization.
Outcome
A deployed technical HMI and public codebase that connect mechatronic context with modern web visualization patterns.
System architecture
- Machine: Flywheel assembly and instrumentation context.
- Messaging: MQTT carries telemetry into the browser experience.
- Interface: Charts and a 3D view provide complementary readings of system state.
Engineering decisions
Use 3D only where it explains
The model is tied to the monitored machine rather than used as decorative WebGL.
Tools and technologies
- Next.js
- MQTT
- Three.js
- Recharts
- Drizzle
- MQTT telemetry
- 3D assembly
- Signal views