CalendarHeatmap
visualGitHub 스타일 달력 히트맵. 1년 단위 일별 활동량을 색상 강도로 시각화합니다.
100%
Activity Heatmap
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
CalendarHeatmap 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
CalendarHeatmap Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
data* | CalendarHeatmapDatum[] | — | { date: string, count: number } 배열 |
colorScale | [string, string] | ["#ebedf0", "#216e39"] | 최소/최대 색상 범위 |
startDate | string | — | 시작 날짜 (YYYY-MM-DD) |
endDate | string | — | 종료 날짜 (YYYY-MM-DD) |
tooltipFormatter | (date, count) => string | — | 툴팁 포맷 함수 |
Import
tsx
import { CalendarHeatmap } from "@reopt-ai/opt-ui";