FrontendPro

138Design a real-time dashboard with WebSocket subscriptions, reconnects, and high-volume updates

hardAbout 60 minutesSystem designreal-timewebsocketsperformancechartssystem-design

Problem

Design a real-time operations or trading dashboard:

  • 20+ widgets (price tickers, order books, charts, alert lists, KPIs) on one screen, each showing live data;
  • the server can push thousands of updates per second at peak;
  • users customise layouts and add or remove widgets; several dashboards can be open in tabs;
  • the connection drops (Wi-Fi, laptop sleep, deploys) and must recover without showing wrong data;
  • it runs for hours or days without slowing down or leaking memory.

Cover the transport and subscription protocol, client-side data flow, rendering at high update rates, reconnection and resynchronisation, and long-running stability.

Step-by-step

Not every widget needs every tick. A price display needs the latest value at a readable rate; a trade log needs every event; a chart needs downsampled history. This drives batching and throttling decisions.

Unlock the full solution

What's inside

  • Step-by-step
  • Requirements
  • Architecture
  • Data model and state
  • Key flows and trade-offs
  • Performance and reliability
  • Follow-up questions

Includes 2 code listings, 4 follow-up questions.

One-time payment by UPI, card or net banking. Launch price.

All 150 answersOne payment, yours forever