Sleep Stages Throughout the Night

A flowing, wavy line graph that represents the sleep stages, moving up and down in smooth curves instead of sharp angles.

💤 X-Axis (Time Progression): Hours of sleep (e.g., 0 to 8 hours).
🔄 Y-Axis (Sleep Stages):

Awake (Top Level) – Light pastel yellow glow.
Light Sleep – Soft pastel blue.
Deep Sleep – Deeper shade of blue or purple.
REM Sleep (Dreaming Phase) – A glowing, dreamy lavender-pink section.
✨ Additional Effects:

A glowing moon or Zzz icons appearing during REM sleep.
A soft gradient fill to show the transition between sleep stages.
Animated or hover effects (if interactive), where clicking on a stage gives more info.