Horizontal Serpentine Timeline
A serpentine timeline chart uses a curved, winding path to display events over an extended period. By bending the timeline back and forth—either horizontally or vertically—it makes efficient use of limited space when a continuous line wouldn’t suffice. amCharts offers the flexibility to adjust the bend count and orientation, making it perfect for visually summarizing lengthy timelines in a compact format.
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a horizontal serpentine timeline chart that bends the timeline back and forth horizontally across multiple levels to display project data over an extended period. Show four project modules (Module #1-4) on the Y-axis with tasks (Gathering requirements, Development, Producing specifications, Testing and QA) with dates from January to April 2019. Add seven milestone events (A-G) as letter flags. Render task durations as colored bars with circular markers at endpoints. Style axis labels with light backgrounds for readability. Add a scrollbar for horizontal navigation. Enable zooming and cursor-based drag. Include empty category rows for visual spacing between modules. Animate with a smooth staggered animation. The chart should be tall. Use amCharts 5 library.
Demo source