Choose a focused demo page with live timelines and ready-to-copy code.
Jump straight to a live demo. Each example has its own page so scripts and controls stay focused.
Customize colors, shapes, borders, hover states and active states.
Open demoHide cards while keeping article data loaded and easy to show again.
Open demoHide lower-ranked cards first when crowded regions compete for space.
Open demoDrag event cards, inspect movement events and save position state.
Open demoSwitch between portrait and landscape cards from available height.
Open demoKeep long-running article cards reachable while their period is visible.
Open demoControl range bar anchoring, spacing, stacking and visibility.
Open demoFit ranges and articles, jump to dates and control zoom by API.
Open demoExplore adaptive sub-day labels, parent context, styled date indicators, exact navigation, and ranked millisecond data.
Open demoKeep viewport edges inside optional minimum and maximum dates.
Open demoListen to clicks, zoom changes, viewport changes and saved state.
Open demoGroup events into multiple shared-axis lanes with runtime controls.
Open demoLayer eras and contextual ranges behind the main timeline.
Open demoInfer exact sub-day precision from time fields or explicitly choose a broader calendar period.
Open demoStacked areas, multi-series lines, lane metrics and forecasts.
Open demoGenerate large timelines and tune options that affect speed.
Open demo