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/ReportWidget

ReportWidget

Chart

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

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

Total Users

12,847↑+8.2%

Bounce Rate

34%↓-2.1%

컴포넌트 의존 관계

깊이
▲ USED BY (1)custom-dashboardReportWidget
View test results

테스트 커버리지

2026년 7월 9일2/2 통과
2성공
0실패
2전체
  • metric 타입을 렌더링한다
  • title과 description을 렌더링한다

Blocks that use this component

CustomDashboard

커스텀 대시보드 Surface. WidgetGrid + ReportBuilder + ReportWidget + FilterBar 조합.

Display

Related components

RetentionHeatmap

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

AnalyticsHeatmap

MetricsCard

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

Analytics

TrendChart

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

Analytics

ChartContainer

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

Heatmap

ChartTooltip

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

Heatmap

ChartLegend

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

Heatmap
PreviousEventSparkline