← 返回项目
PROJECT · 09

UPLOT / SIGNAL

用一条会变化的实时曲线,展示监控面板如何先暴露趋势和异常。

状态
Working prototype
角色
数据体验、前端工程
周期
2 天
年份
2026
03可切换指标
90最大采样点
0数据上传
CASE STUDY
Data VizRealtimeCanvas

它解决什么

监控面板如果只堆满数字,很难回答“刚刚发生了什么”。这个 Demo 用实时流、时间窗口和指标切换,把趋势放到第一视觉层。

里面可以做什么

  • 在延迟、吞吐量和错误率之间切换。
  • 暂停或继续数据流,调整时间窗口。
  • 同时查看最新值、最小值、平均值和最大值。

技术取舍

实时绘图方向参考 uPlot,当前版本用 Canvas 原生绘制,数据在浏览器内生成,不依赖后端或远程 API。

结果

它展示的不是“图表很酷”,而是异常趋势应该怎样被快速发现。

SANDBOXED EXPERIENCE

可交互 Demo

Demo 在隔离的沙箱中运行。