Heatmap
visual범용 매트릭스 히트맵. 행×열 값 강도를 색으로 표현합니다(상관행렬·밀도 등).
100%
상관 행렬
| 매출 | 방문 | 체류 | 전환 | |
|---|---|---|---|---|
| 매출 | 1 | 0.82 | 0.31 | -0.12 |
| 방문 | 0.82 | 1 | 0.47 | 0.05 |
| 체류 | 0.31 | 0.47 | 1 | 0.63 |
| 전환 | -0.12 | 0.05 | 0.63 | 1 |
활동 밀도
요일 × 시간대
| 6 | 9 | 12 | 15 | 18 | 21 | |
|---|---|---|---|---|---|---|
| 금 | 2 | 5 | 8 | 12 | 9 | 4 |
| 토 | 3 | 7 | 11 | 15 | 10 | 5 |
| 일 | 1 | 4 | 9 | 14 | 12 | 6 |
테스트 커버리지
2026년 7월 9일생성된 테스트 결과를 찾지 못했습니다.
Heatmap 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
Heatmap Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
data* | number[][] | — | 행×열 값 매트릭스 |
xLabels | string[] | — | 열 레이블 |
yLabels | string[] | — | 행 레이블 |
showValues | boolean | false | 셀 값 표시 여부 |
colorScale | [string, string] | — | 저→고 색상 (기본: 테마 sequential 토큰) |
Import
tsx
import { Heatmap } from "@reopt-ai/opt-ui";