reopt designreopt design
DocsExploreToolsPricingBuilder
시작하기
개요
시작하기
핵심 개념
핵심 개념
데이터 모델
데이터 모델
구축·운영
Production readiness
opt-charts · Charts
ChartContainer
ChartTooltip
ChartLegend
LineChart
BarChart
AreaChart
Sparkline
PieChart
ScatterChart
ComparisonChart
GaugeChart
FunnelChart
RetentionHeatmap
SankeyChart
CalendarHeatmap
WaterfallChart
BubbleChart
MetricsCard
TrendChart
EventSparkline
ReportWidget
Oopt-charts
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

© 2026 reopt-ai. All rights reserved.

SankeyChart

visual

생키 다이어그램. 노드 간 흐름과 비율을 시각화합니다. 외부 의존성 없이 SVG로 구현.

컴포넌트 의존 관계

깊이
▲ USED BY (1)path-analysisSankeyChart
100%
OrganicReferralPaidLanding PageSign UpChurnPurchase

테스트 커버리지

2026년 2월 4일

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

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

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

SankeyChart Props

Prop타입기본값설명
nodes*SankeyNode[]—노드 정의 ({ id, label, color? })
links*SankeyLink[]—링크 정의 ({ source, target, value })
widthnumber600차트 너비
heightnumber300차트 높이
nodePaddingnumber10노드 간 패딩
nodeWidthnumber16노드 두께

Import

tsx
import { SankeyChart } from "@reopt-ai/opt-ui";