Aur UI

Trend Chart

Aur time-series area chart card: nice-axis scaling, duration/bytes/percent formatters, and pending, empty, and error states.

Call outcomes

Successful vs. failed calls, last 24 hours

  • Success
  • Failed

Latency

Average duration, last 24 hours

  • p95
  • p50
bash
pnpm add @aur-ui/ui
tsx
import { bytesFormat, durationFormat, formatBytes, niceAxis, percentFormat, sanitizeSeriesKey, TREND_CHART_PALETTE, TrendAreaChart, TrendChartCard, type AxisSpec, type TrendSeries, type TrendSeriesPoint, type TrendTickUnit, type ValueFormat } from "@aur-ui/ui/components/trend-chart";