Sometimes you need to see when things happen, not just what happens. This timeline puts the quarters across the top and gives each team a lane, so every piece of work sits under the quarter it starts in and stretches to the one it ends in. Change a date by changing a couple of characters, and everything else shuffles to fit.
{*vertical} Project timeline
- [*horizontal *bold] Quarters
-- [q1] Q1
-- [q2] Q2
-- [q3] Q3
-- [q4] Q4
- [*horizontal] Research
-- Customer interviews ::q1
-- Market sizing ::q2
- [*horizontal] Design
-- Concepts ::q1..q2
-- Final designs ::q3
- [*horizontal] Engineering
-- Build the beta ::q2..q3
-- [launch *bold] Launch ::q4
- [*horizontal] Marketing
-- Campaign plan ::q3
-- [*dashed] Launch campaign ::launch
::q2. Steps and quarters line up in columns, so a long step pushes its quarter along with it.::q2..q3: it starts under Q2 and stretches to the end of Q3.[jan] January, and pointing steps at the new keys.The full syntax is in the guide.