Operations health
Show open work, warnings, completed work, and backlog movement in one operational view.
- Chart
- LineChart + BarChart
- Palette
- critical, warning, success
Use for queues, incidents, SLAs, support load, and release burn-downs.Charts
Data visualization primitives for native product work.
SVG charts powered by D3 math, styled by the same tokens as the UI kit. Built for admin consoles, developer tools, local-first libraries, and cross-platform apps that need charts to feel designed instead of pasted in.
- Components
- 8
- Families
- 4
- D3 packages
- 3sub-pkgs
- Runtime deps
- 0
| week | Urgent | Queued | Completed |
|---|---|---|---|
| W01 | 42 | 118 | 18 |
| W02 | 39 | 104 | 31 |
| W03 | 31 | 96 | 46 |
| W04 | 27 | 82 | 64 |
| W05 | 19 | 74 | 83 |
| W06 | 14 | 61 | 105 |
Signal timelines
Track event streams over time without pretending every spike is equal. Let urgent series earn the accent.
- Chart
- AreaChart or LineChart
- Palette
- info with warning accents
Use for logs, builds, jobs, syncs, traces, and local agent timelines.Local collections
Use quiet circular and radial summaries for collection state, content mix, and sync health.
- Chart
- DonutChart + RadialChart
- Palette
- categorical, low saturation
Use for collections, progress, categories, and storage.Cross-platform readiness
Compare native surface coverage across platforms without turning the page into a dashboard wall.
- Chart
- RadarChart
- Palette
- neutral plus accent
Use for platform coverage, capability maps, and product maturity.