reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui205opt-charts40opt-datagrid9opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/opt-charts/RetentionHeatmap

RetentionHeatmap

Chart

리텐션 히트맵. 코호트별 사용자 유지율을 색상 강도로 시각화합니다.

analyticsheatmap
Related docs
bun add @reopt-ai/opt-charts
100%

Weekly activation cohorts

Select a populated cell to open its cohort evidence.

User retention by weekly cohort
CohortDay 0Day 1Day 3Day 7Day 14Day 30
Aug 3
Aug 10—
Aug 17——
Aug 24———

Cohort

Aug 3

Period

Day 3

Retained profiles

806 of 1,240

RetentionHeatmap

PropTypeDefaultDescription
data*RetentionRow[]—코호트 행 데이터 ({ cohort, values })
periodsstring[]—열 헤더 (기본: P0, P1, ...)
valueFormatter(value: number) => string—값 포맷터 (기본: %)
colorScale[string, string]["#dbeafe", "#2563eb"]색상 스케일 [최소, 최대]
onCellSelect(cell: RetentionCellRef) => void—채워진 셀을 선택했을 때 좌표와 값을 전달
cellLabel(cell: RetentionCellRef) => string—상호작용 셀 버튼의 접근 가능한 이름 생성기
classNamestring—루트 요소에 붙는 CSS 클래스
aria-labelstring—리텐션 표 caption으로 사용하는 접근 가능한 이름

컴포넌트 의존 관계

깊이
▲ USED BY (2)retention-analysiscohort-comparisonRetentionHeatmap
View test results

테스트 커버리지

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

RetentionHeatmap 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Blocks that use this component

CohortComparison

코호트 비교 Surface. ComparisonChart + RetentionHeatmap + DataTable + N-cohort 지원 (최대 5개). 4탭 조합.

Analytics

RetentionAnalysis

리텐션 히트맵 분석 Surface. RetentionHeatmap 래퍼.

Analytics

Related components

MetricsCard

통계 카드 + Sparkline 조합. 주요 지표와 추세를 함께 표시합니다.

Analytics

TrendChart

Card + AreaChart 조합. 제목과 설명을 차트의 접근 가능한 이름/설명에 연결해 추세를 표시합니다.

Analytics

ReportWidget

리포트 위젯. 9가지 차트 타입(line, bar, area, pie, scatter, gauge, funnel, sparkline, metric)을 렌더링합니다.

Analytics

ChartContainer

Recharts ResponsiveContainer를 감싸는 반응형 차트 컨테이너. 접근성 속성과 스타일링을 지원합니다.

Heatmap

ChartTooltip

opt-ui 스타일의 role=tooltip 차트 툴팁. 장식 마커는 숨기고 Recharts Tooltip의 content prop으로 사용합니다.

Heatmap

ChartLegend

opt-ui 스타일의 list/listitem 차트 범례. 인터랙티브 항목은 실제 button으로 시리즈를 토글합니다.

Heatmap
PreviousFunnelChartNextSankeyChart