PathFlowChart
ChartsExplore staged user paths with transition ribbons, session starts and exits, grid or proportional Sankey layouts, and linked hover highlighting.
Compare two or three sets with area-scaled SVG circles, interactive exclusive regions, and an accessible table; three-set placement is approximate.
bun add @reopt-ai/opt-chartsimport { VennDiagram, computeVennLayout, exclusiveRegionSizes, lensArea, solveCircleDistance, vennRegionKey } from "@reopt-ai/opt-charts";Change the width and theme, then interact with the components.
| Region | Size |
|---|---|
| 구매자 only | 900명 |
| 뉴스레터 구독자 only | 500명 |
| 구매자 ∩ 뉴스레터 구독자 | 300명 |
| Region | Size |
|---|---|
| 웹 only | 2,240명 |
| iOS only | 1,360명 |
| Android only | 1,100명 |
| 웹 ∩ iOS | 480명 |
| 웹 ∩ Android | 340명 |
| iOS ∩ Android | 120명 |
| 웹 ∩ iOS ∩ Android | 140명 |
선택한 영역: 없음
| Region | Size |
|---|---|
| 무료 플랜 only | 900명 |
| 엔터프라이즈 only | 300명 |
| 무료 플랜 ∩ 엔터프라이즈 | 0명 |
| Region | Size |
|---|---|
| 전체 사용자 only | 1,500명 |
| 이번 주 활성 only | 0명 |
| 전체 사용자 ∩ 이번 주 활성 | 500명 |
생성된 테스트 결과를 찾지 못했습니다.
VennDiagram 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
Explore staged user paths with transition ribbons, session starts and exits, grid or proportional Sankey layouts, and linked hover highlighting.
Explore time series with fixed query ranges, automatic ticks, incomplete buckets, drag zoom, annotations, thresholds, and comparison overlays.
Read full timestamps and time zones, sorted values, totals, comparison deltas, and incomplete-bucket warnings.
Compare breakdowns in small time-series panels with a shared y-axis, synchronized crosshairs, top-value ordering, and a collapsed long tail.
Inspect nested trace spans on one timeline with collapsible branches, explicit failure markers, and compressed idle gaps that preserve reported durations.
Show an event label, value, change, and miniature trend chart together.