Half-Doughnut Gauge
A semicircular doughnut configured as a single-value KPI gauge by setting Chart.js circumference to 180° and rotation to -90°, so the arc fills from left to right in proportion to the metric. The remaining track is rendered in a soft neutral color, and the live value is overlaid
Template details
- chart
- gauge
- doughnut
- kpi
- chartjs
When to use this template
This visualization provides an immediate, intuitive understanding of a single metric's status relative to a defined maximum or target. Analysts use it to quickly monitor key performance indicators, assess progress towards a goal, or check capacity limits, making it easy to spot when a critical threshold is approached or exceeded.
- Single numerical value representing a current state.
- Data with a clear, fixed maximum or target value.
- Metrics expressing progress, proportion, or percentage.
- Situations requiring quick, at-a-glance status updates.
- Time-series data where only the most recent value is paramount.
- Metrics where color-coded thresholds enhance interpretation.