Phased timeline generator. Define your phases (duration + color), drop markers, the preview updates live. Export to SVG or PNG.
Each phase becomes a colored segment, sized in proportion to its duration. Pick a color, reorder with ↑ ↓.
A marker = a colored dot placed on the timeline at a date (day / month). The code shows inside the dot, the label in the legend.
Each row adds a reminder "D-x" days before the end of its source phase (1st column) — one staircase per source phase. Without a URL: a plain marker (the label shows on hover). With a URL: the marker becomes clickable and appears in the list below the timeline. Several rows for the same D-x = several links. Links work in a browser, not in PNG.