Stats Tab
The Stats tab is the second tab in a student’s Canvas detail view. It surfaces the student’s engagement and activity over time — streak, session count, total minutes spent, and a visual heatmap of when they were active.
Opening the Stats Tab
Section titled “Opening the Stats Tab”- From the Students List, click a student.
- In the detail view, click the Stats tab.
Summary Cards
Section titled “Summary Cards”At the top of the Stats tab, three summary cards show key engagement metrics:
| Card | What it shows |
|---|---|
| Current Streak | Number of consecutive days the student has been active. Resets after a missed day |
| Total Sessions | Number of distinct reading or recitation sessions in the selected period |
| Total Time Spent | Cumulative minutes the student has spent on Quran activities |
Period Selector
Section titled “Period Selector”The Stats tab supports three time-range views:
| Period | Range |
|---|---|
| This Week | From the start of the current week to today |
| This Month | From the 1st of the current month to today |
| This Year | From January 1st of the current year to today (default) |
Changing the period refetches the data and updates all charts and cards on the page.
Student Activity Heatmap
Section titled “Student Activity Heatmap”A contribution-style heatmap displays the student’s daily activity for the selected period.
| Color | Approximate time spent |
|---|---|
| White / no fill | 0 minutes |
| Light blue | A few minutes |
| Medium blue | Some minutes |
| Darker blue | Significant time |
| Deepest blue | 60+ minutes |
Hover over a day in the heatmap to see the exact minutes spent. The legend at the top of the heatmap card shows the color-to-time mapping (from “0 Minutes” to “60 Minutes”).
Calendar Streak View
Section titled “Calendar Streak View”Below the heatmap is a monthly calendar view showing daily progress with visual streak indicators:
| Color | Meaning |
|---|---|
| Red | ~15 minutes — start of activity |
| Yellow | ~30 minutes — moderate session |
| Orange | ~45 minutes — strong session |
| Green | 60+ minutes — full session |
Each day in the calendar shows a colored progress ring indicating how much time the student spent that day.
How Streak Is Calculated
Section titled “How Streak Is Calculated”The current streak counts consecutive days where the student spent at least some time in Studio. The logic:
- Today and yesterday are checked first
- If today is active, it counts toward the streak
- The streak counts back through consecutive active days
- A missed day breaks the streak — it resets to zero from that point forward