Linear Process Diagram
A linear process diagram is a clear and intuitive way to visualize a sequence of steps or stages in a process. Traditionally arranged in a straight line, this type of diagram is ideal for showing workflows, progressions, life cycles, or any step-by-step structure.
With amCharts, you’re not limited to straight lines—linear process diagrams can be arranged in various shapes to better fit your design or storytelling needs. You can even define a fully custom path by providing an array of points, allowing for curved, angled, or uniquely shaped flows. This flexibility makes it easy to tailor the visual to match your content, whether you’re illustrating a simple process or a complex journey.
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 linear process diagram that displays a day's schedule of 18 events along a custom curved, looping path. Each event should have a category (track 'a' or 'b' for parallel timelines), start and end times on a 24-hour timeline, a color, an icon depicting the activity (alarm, water, exercise, breakfast, car, work, coffee, dinner, book, home, beer, dance, drink, bed), and a descriptive tooltip. The path should follow an artistic S-like flow with multiple loops. Display icon markers at each event position. Show tooltips on hover with event descriptions. Add a scrollbar and enable zooming. Animate with a smooth staggered animation. The chart should be tall. Use amCharts 5 library.
Demo source