Components / Overview
Charts & data states
Compare volume, speed, reliability and model consumption. Every chart has equivalent table data and explicit unavailable states.
Charts & data states
Fictional run analytics, 28 August–3 September 2026 · UTC. Local previews; no service connection.
Bars start at zero. Exact values are also available in the data table.
View data table
| Date | Completed runs | Median duration (min) |
|---|
Reuse this specimen
Include the analytics-patterns partial once and import its controller. It is a single-instance project example, not a chart library. Keep the table, status announcements, metric units and recovery controls with the chart.
View source recipe
{{> analytics-patterns}}
<script type="module" src="/src/project/ts/analytics-patterns.ts"></script>- Throughput counts completed runs; duration shows daily medians, not an average of individual runs.
- Success rate uses successful completed runs divided by all completed runs. The overall rate uses totals, not an average of daily percentages.
- Model usage combines input and output token counts. It is not a cost estimate; model labels are fictional.
- Loading, empty, service error and permission states are local simulations. Recovery never contacts a backend.