PathFlowChart
ChartsExplore staged user paths with transition ribbons, session starts and exits, grid or proportional Sankey layouts, and linked hover highlighting.
Read full timestamps and time zones, sorted values, totals, comparison deltas, and incomplete-bucket warnings.
bun add @reopt-ai/opt-chartsimport { TimeSeriesTooltipContent, createTimeSeriesTooltip } from "@reopt-ai/opt-charts";Change the width and theme, then interact with the components.
Hover the chart. Series are ranked by value, so the eye does not have to chase the legend order.
생성된 테스트 결과를 찾지 못했습니다.
TimeSeriesTooltipContent 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `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.
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.
Compare two or three sets with area-scaled SVG circles, interactive exclusive regions, and an accessible table; three-set placement is approximate.
Show an event label, value, change, and miniature trend chart together.