← Back to projects
PROJECT · 09

UPLOT / SIGNAL

A changing live curve that demonstrates how a monitoring panel can expose trend and anomaly first.

Status
Working prototype
Role
Data experience, frontend engineering
Duration
2 days
Year
2026
03switchable metrics
90max samples
0uploads
CASE STUDY
Data VizRealtimeCanvas

The problem

A monitoring panel full of numbers struggles to answer “what just changed?” This Demo puts a live stream, time window, and metric switch into the first visual layer.

What it does

  • Switch between latency, throughput, and error rate.
  • Pause or resume the stream and change the time window.
  • Read the latest, minimum, average, and maximum values together.

Technical direction

The real-time plotting direction is informed by uPlot. This version draws with native Canvas and generates its data in the browser, without a backend or remote API.

Outcome

The point is not that a chart looks active; it is that an anomaly can be found quickly.

SANDBOXED EXPERIENCE

Interactive demo

This demo runs inside a restricted sandbox.