Category: Learning
| Cohort | Week 1 | Week 2 | Week 3 | Week 4 |
|---|---|---|---|---|
| Jan 2025 | 100.0% | 72.0% | 58.0% | 45.0% |
| Feb 2025 | 80.0% | 65.0% | 50.0% | 38.0% |
Renders a SaaS subscription or customer cohort retention triangular matrix with color-coded continuous gradients.
| Field | Type | Required |
|---|---|---|
| cohorts | list of dictionaries representing cohorts (e.g., [{'cohort_name': 'Jan 2026', 'original_size': 2500, 'retention_rates': [100.0, 93.4]}]) | required |
| periods | list of strings representing period headers (e.g., ['Month 0', 'Month 1']) | required |
| color_scale | list of strings representing the continuous color scale (e.g., ['#1e293b', '#10b981']) | required |
| title | string (optional, chart title, e.g., 'SaaS Retention Cohorts') | optional |
{
"type": "cohort_retention",
"cohorts": [
{
"label": "Jan 2025",
"data": [
100,
72,
58,
45
]
},
{
"label": "Feb 2025",
"data": [
80,
65,
50,
38
]
}
],
"periods": [
"Week 1",
"Week 2",
"Week 3",
"Week 4"
],
"color_scale": [
"#3b82f6",
"#10b981",
"#f59e0b",
"#ef4444"
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:cohort_retention",
"displayName": "Cohort Retention",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/cohort_retention/",
"capabilities": [
"web",
"google-meet-stage",
"google-apps-script-web",
"mcp-apps",
"android"
],
"description": "Renders a SaaS subscription or customer cohort retention triangular matrix with color-coded continuous gradients.",
"representativeQueries": [
"show a triangular cohort retention grid with continuous color-scale rendering",
"renders a saas subscription or customer cohort retention triangular matrix with color-coded continuo",
"render a cohort retention"
]
}The renderer is an open-source Google Apps Script web app. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy