Interactive Zoom

Brush selection, zoomable time windows, timeline scrubbing, and range editing.

Dual-Handle Interactive Brush Range

Drag handles horizontally to select date domain window bounds.

npx shadcn@latest add @paceui/tanstack-charts-brush-range-selection

Loading preview...

Focus Context Window

Dual overview and detail window with interactive brush area selector.

npx shadcn@latest add @paceui/tanstack-charts-focus-context-window

Loading preview...

Wheel & Drag Pannable Zoom Time Window

Scroll wheel to zoom domain and drag to pan time window.

npx shadcn@latest add @paceui/tanstack-charts-zoomable-time-window

Loading preview...

Animated Timeline Playback Scrubber

Interactive timeline play/pause scrubber with keyframe animation.

npx shadcn@latest add @paceui/tanstack-charts-timeline-playback-scrubber

Loading preview...

Direct Editable Milestone Event Range

Bidirectional drag handle and date picker event range adjuster.

npx shadcn@latest add @paceui/tanstack-charts-editable-event-range

Loading preview...

Live Streaming Window Preservation

Real-time streaming time series with sliding window data buffer retention.

npx shadcn@latest add @paceui/tanstack-charts-streaming-window-preservation

Loading preview...