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 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 demoShow exact days, months, years, decades and centuries in article dates.
Open demoStacked areas, multi-series lines, lane metrics and forecasts.
Open demoGenerate large timelines and tune options that affect speed.
Open demo