Examples

A collection of live demos showing how the timeline handles everything from real-time data streams to image export. All interactive, all running in the browser.

🎮 Playground

Interactive testing environment with controls for all timeline options.

🚛 Fleet Dashboard

Material-style dashboard with KPI cards, charts, timeline-driven detail form, and region filtering.

📡 Crypto Price Stream

Live cryptocurrency prices via WebSocket with color-coded movements.

🏭 Production Downtime

Downtime tracking with selection-driven detail panels.

🔄 Lazy Loading

Server logs loaded on demand as you pan the timeline.

💬 Custom Tooltips

Rich tooltip cards with assignee details, status, and progress.

🌍 Timezone Explorer

Flight schedule with a Luxon date adapter. Switch timezones live.

📊 Server Monitoring

Kubernetes overview with bands for maintenance and incidents.

🌐 RTL Schedule

Arabic project schedule with full right-to-left layout support.

🎨 Color Palettes

Switch palettes and watch the timeline update instantly.

📋 External Selection

Select items from a table and focus them on the timeline.

📸 Export to Image

Download the timeline as PNG, JPEG, or WebP with DPR control.

🎬 Per-Item Styles

Unique visual treatment per item — borders, colours, radius.

🔗 Dependencies

Mobile app launch schedule with dependency arrows across planning, design, dev, QA, and release.

📝 Context Menu

Film production schedule — right-click to manage tasks with contextual actions.

📊 Progress Indicator

Product development timeline with progress fill bars showing task completion.

🗺️ Minimap

Annual engineering roadmap with a minimap overview bar for quick navigation.