timeline-generator

Interactive timelines visualize chronological data using vis-timeline.js, enabling zoom, pan, and category filtering. This skill generates a complete HTML package with embedded JSON data, CSS styling, and documentation for historical events, project milestones, or event sequences.

Yes. This skill produces a MicroSim package—HTML, JSON, and docs files—designed for embedding in MkDocs or other documentation platforms. The output includes a self-contained viewer and supporting assets for seamless integration.

Timelines require events with mandatory year and optional month/day fields, plus title, description, and category. The skill accepts structured event lists and outputs formatted JSON data ready for vis-timeline visualization with category filtering and tooltips.

The generated timeline includes built-in category filtering that lets viewers toggle event tracks on or off. Events are tagged with categories in the JSON structure, and the HTML viewer provides interactive controls to show or hide categories.

Vis-timeline performs well for moderate event counts typical in educational and documentation contexts. Performance depends on browser rendering; very large datasets (thousands of events) may require pagination or server-side filtering to maintain responsiveness.

No. Provide a list of events with dates and descriptions; the skill handles the rest. The output is a ready-to-view HTML file with no code modifications needed, though basic familiarity with JSON structure helps for customizing event data.