CohortComparison
BlocksCompare up to five cohorts across four tabs with comparison charts, retention heatmaps, and tables.
Compare cohort retention using color intensity in a heatmap.
bun add @reopt-ai/opt-chartsimport { RetentionHeatmap } from "@reopt-ai/opt-charts";Change the width and theme, then interact with the components.
Weekly activation cohorts
Select a populated cell to open its cohort evidence.
| Cohort | Day 0 | Day 1 | Day 3 | Day 7 | Day 14 | Day 30 |
|---|---|---|---|---|---|---|
| Aug 3 | ||||||
| Aug 10 | — | |||||
| Aug 17 | — | — | ||||
| Aug 24 | — | — | — |
Cohort
Aug 3
Period
Day 3
Retained profiles
806 of 1,240
생성된 테스트 결과를 찾지 못했습니다.
RetentionHeatmap 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
Compare up to five cohorts across four tabs with comparison charts, retention heatmaps, and tables.
Explore cohort retention in a Surface built around RetentionHeatmap.
Pair a key metric with a Sparkline to show its value and trend together.
Combine a Card and AreaChart with the title and description linked to the chart's accessible name.
Render report data as line, bar, area, pie, scatter, gauge, funnel, sparkline, or metric widgets.
Wrap Recharts ResponsiveContainer with accessible attributes and consistent chart styling.
Style Recharts tooltips with tooltip semantics and hidden decorative markers through the content prop.
Display chart legends as lists, with real buttons for interactive series toggles.