Public demo
Graphs · Radial & gauge
Donut quota ring, alternate progress ring, linear gauge, and bullet chart—progress and goal tracking patterns.
Radial completion, labeled gauges, and Stephen Few–style bullet comparison stub.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Ideal for quotas, OKRs, and infrastructure utilization at a glance.
Why this demo works
- Radial draws attention to a single completion ratio.
Suggested use cases
- Billing usage, sprint capacity, SLO burn-down teasers
What's included
- Donut with inner cutout and caption
- Secondary ring progress variant
- Labeled horizontal gauge bar
- Bullet chart with comparative marker
Editable in Frontuna
conic-gradient CSS or SVG arcs; match stroke caps to brand.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Provide numeric equivalents next to radial widgets for accessibility.