Real-Time
Live Streaming Dashboard
A Server-Sent Events stream driving real-time throughput, latency, and per-source metrics — modeling the kind of event pipeline that holds a 99.99% uptime / sub-5s SLA in production.
Server-Sent EventsKinesis-style99.99% uptimesub-5s latency
Pipeline Telemetry
Connecting…
Events processed
0
Throughput
0/s
events per second
Avg latency
0 ms
sub-5s SLA
Error rate
0.00%
0 errors
Data volume
0 B
Throughput (events/sec)
Processing latency (ms)
Events by source
orders0
telemetry0
clickstream0
sensors0
Live event feed
| Source | Status | Latency | Size |
|---|---|---|---|
| Waiting for events… | |||
How it works
The browser opens an EventSource connection to a Next.js route handler that streams synthetic pipeline events as text/event-stream. Each event is folded into rolling metrics on the client — throughput buckets, a latency series, per-source counts, and error rate. If the stream is unavailable, the dashboard transparently falls back to generating events locally so the demo always stays live.
This mirrors the production pattern: a managed stream (AWS Kinesis) fanning records into consumers, with real-time observability on throughput and latency.