All Demos / Circular Gauge / Use Cases / Sleep Tracker

Blazor Circular Gauge Example - Sleep Tracker

Loading Syncfusion Blazor Server Demos…
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 represents hours slept by a person using a sleep tracker that displays the start time, end time, and duration of each sleep cycle.

Features:

  • Circular gauge styled as a sleep tracker interface
  • Sleep duration visualization in circular format
  • Display of sleep cycle timing information
  • Date and sleep cycle details annotation
  • Start and end time indication

More information on the circular gauge can be found in this documentation section.