cohort-table organism experimental A retention cohort grid with a heatmap of per-period retention.
The width preview needs a screen wider than the chosen width — use a larger device (or a desktop browser) to see the desktop and tablet layouts.
| Cohort | Users | Week 0 | Week 1 | Week 2 | Week 3 | Week 4 | Week 5 |
|---|---|---|---|---|---|---|---|
| Aug 1 | 4,204 |
100%
|
62%
|
48%
|
41%
|
38%
|
35%
|
| Aug 8 | 3,880 |
100%
|
58%
|
44%
|
39%
|
34%
| |
| Aug 15 | 4,510 |
100%
|
64%
|
51%
|
45%
| ||
| Aug 22 | 3,240 |
100%
|
60%
|
47%
| |||
| Aug 29 | 2,980 |
100%
|
55%
| ||||
| Sep 5 | 3,120 |
100%
|
analytics/cohort-tablename: "Cohort Table"
short_description: A retention cohort grid with a heatmap of per-period retention.
long_visual_description: >
A table with cohorts down the side and periods across, each cell a heat-shaded retention
percentage.
use_cases:
- Retention cohort grid.
- Cohort heatmap.
- Weekly retention.
- Cohort analysis.
- Retention by signup week.
recommended_for:
- A cohort retention heatmap grid.
avoid_for:
- A retention curve (use retention-curve).
markets:
- Global
example_usage: >
Provide period headers and cohort rows with per-cell retention percent and a precomputed
heat tone (0-5).
props:
title: The table title.
periods: The period headers.
rows: The cohort rows with heat cells.
lifecycle: experimental
content_model: A retention cohort heatmap grid.
theming:
tokens_used:
- --color-surface
- --color-surface-raised
- --color-on-surface
- --color-on-surface-muted
- --color-primary
- --color-primary-contrast
- --color-border
- --radius-card
- --shadow-card
editorial_guidance: >
The percentage text is the source of truth; the heat shade is a secondary cue.
categorization:
category: Analytics
subcategory: Reports
atomic_type: organism
usage_type: [table]
maturity: ai-generated
wcag:
level: AA
notes: Real table with scoped headers; each cell shows the retention percent as text (not colour-only). Scrolls horizontally.
keyboard_support: "none"
seo_score: 40
text_direction: both
| Name | Type | Req |
|---|---|---|
| title | string | |
| periods | array | ✓ |
| rows | array | ✓ |