Throughput
428.6req/s
↑ 6.4%
Search
Search
Widgets
17 dashboard widgets running live on sample data. Every widget takes normalized data via props — your app owns fetching and stores.
Data display
Sparkline
Tiny SVG trend line with missing-value handling, area or line modes, and accessible summaries.
Area · positive
Line · negative
Analytics
KPI card
A metric card for values, units, comparison, trend, target bands, period context, and health state.
normal
Success rate
94.2%
Target↔ 96 %
96
↓ 1.2%
Storage
Data display
Gauge
A 240-degree SVG gauge with automatic nice bounds, explicit range overrides, threshold markers, target, animated live value, and window statistics.
CPU load
normal| Min | 71.4 |
|---|---|
| Max | 78.4 |
| Avg | 75.66 |
Data display
Status widget
A high-visibility current state for services, jobs, and environments.
checkout-service
Healthy normal
worker-07
Attention warning
db-primary
Offline offline
Controls
Time range selector
Keyboard-roving presets plus a complete custom date-time flow.
Analytics
Time series chart
A multi-series uPlot chart with unioned timestamps, same-unit scales, padded ranges, live token resolution, tooltip, threshold lines, and resilient states.
Response time
Response timemsRequests/s
Data
Realtime data table
Sortable, dense metric rows with quality, timestamps, units, and inline trend.
Realtime data
5 rows| Quality | |||
|---|---|---|---|
| Cache hit rate stale | —% Last value seen: 06/22, 02:40:00 PM | missing | 06/22, 02:40:00 PM |
| CPU load warning | 78.4% ↑ | uncertain | 06/22, 03:15:00 PM |
| Queue depth normal | 3.1k ↓ | good | 06/22, 03:25:00 PM |
| Requests normal | 428.6/s ↑ | good | 06/22, 03:25:00 PM |
| Response time normal | 82.1ms ↓ | good | 06/22, 03:25:00 PM |
Alerts
Alert widget
Severity-ranked active alerts with source, age, acknowledgement, and open callbacks.
Active alerts
Resolved
Acknowledged
Analytics
Area chart
A lightweight inline SVG area trace with normalized values, gradient fill, endpoint, and empty state.
Utility
Clock widget
A timezone-aware clock with 12/24-hour modes, optional seconds, a smooth progress rail, and a live configuration editor.
Analytics
KPI period bars
Status-tinted period bars with an active hatch, target reference, responsive geometry, and focusable tooltip detail.
Monitoring
Flow graph
A live service-flow diagram with typed nodes and edges, automatic layouts, reverse flow, proportional strokes, and a controlled editor.
Layout
Dashboard grid
A draggable, resizable dashboard canvas: gravity packing, responsive column squeezing, optional size snapping, and a serializable layout you own.
Charts
Bar chart
Categorical bars on ECharts: multi-series, stacked, horizontal, units, legend, and item clicks — theme-synced in light and dark.
Charts
Donut chart
Proportional composition ring with center label, legend, and per-slice colors.
Charts
Heatmap
A grid heatmap (hour × day and similar shapes) with an adjustable visual scale in library colors.
Charts
Sankey chart
Flow distribution diagram for traffic, cost, and conversion breakdowns.