PaceUI

Intro

Agents

Crafts

Charts

API Traffic

An interactive chart visualizing system logs over time with data tooltips and active hover states.

When to use

Monitoring API endpoint throughput, request counts, and error volume over rolling time windows (90d, 30d, 7d).
Highlighting the ratio of successful (2xx/3xx) vs. failed (4xx/5xx) requests with responsive mobile time range collapse.
Operations and DevOps observability dashboards needing interactive gradient area charts with cursor tooltips.

When not to use

Real-time millisecond-level telemetry streams; use live streaming log tables instead.
Multi-category breakdowns where more than 3 distinct metric series must be compared concurrently.

Props

Prop	Type	Default	Description
`data`	`ApiTrafficDataPoint[]`	`chartData`	Time-series request counts with success and failed quantities.
`className`	`string`	—	Optional CSS class name to apply to the root Card.

Data Structure

Field	Type	Description
`date`	`string`	ISO date string (`YYYY-MM-DD`) representing each day on the X-axis.
`success`	`number`	Count of successful API requests processed on that date.
`failed`	`number`	Count of failed or errored API requests recorded on that date.