Work
2025NDAA monitoring interface fed by a continuous stream of updates
An operations dashboard for a live event stream, with consistent tables and charts, visible disconnections and data recovery.
Client under NDA. The problem, the approach and the stack are published; the name and the assets are not.
Role
- Client architecture
- Development
Stack
- React
- TypeScript
- WebSocket
Understand a changing situation
When events arrive frequently, the interface should help people follow the situation rather than decipher updates. The task was to keep tables and charts consistent and make stale data unmistakable.
From event stream to usable state
Events first enter a buffer outside React, then update the interface in batches per frame. Tables and charts read the same buffer and show a consistent state. Connection loss is visible, with explicit reconnection and backfill handling.
Useful when conditions are imperfect
A strong operations dashboard is more than a dense display. It helps users distinguish a quiet event stream from a lost connection and return to work after interruption. That matters when the interface supports live observation rather than a static report.
- Real time
- Performance
- Data visualisation