Blazor Arc Gauge Example - Pattern Styles
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
This sample showcases a comprehensive collection of Arc Gauge styles and patterns, demonstrating the diverse customization options and visual variations available in the component.
By leveraging built-in features and extensive customization capabilities, you can create Arc Gauges tailored to your specific application needs. This example illustrates various styling approaches and design patterns.
Customize the appearance of arc gauges using the following properties:
- CircularGaugeAxes — Configure scale, label, and tick properties
- CircularGaugeRanges — Define colored zones and performance thresholds
- CircularGaugePointers — Customize pointer styles and animations
- CircularGaugeAnnotations — Add visual elements and contextual labels
For detailed implementation guidance, refer to the Circular Gauge documentation.