Gantt Chartganttroadmapplanning
Project Roadmap Gantt
Create a Mermaid Gantt roadmap for discovery, design, implementation, QA, launch, and post-launch iteration.
Use Cases
Share a delivery plan in a product or engineering document
Show dependencies between discovery, build, and QA work
Create a lightweight roadmap without a project management export
Communicate active, completed, and upcoming work during stakeholder reviews
How This Workflow Works
| Step | Purpose |
|---|---|
| Discovery | Captures research and requirements work before design or implementation begins. |
| Design | Shows prototype and review time so stakeholders can see when decisions are expected. |
| Build MVP | Represents the main implementation window and its dependency on completed design work. |
| QA and launch | Reserves time for validation, fixes, release preparation, and the launch moment itself. |
| Iterate | Keeps post-launch learning and follow-up work visible instead of ending at release. |
How To Customize
Replace dates with your milestone calendar
Split implementation into feature-specific workstreams
Mark completed, active, and future tasks with Mermaid task states
Add owners or teams to task names when multiple groups share the roadmap
Break QA, launch, and iteration into separate tracks for larger releases
Edit This Template Visually
Open this template in the editor to work from the rendered diagram and the Mermaid source together. Click a node in supported flowchart and sequence diagrams to locate the matching code, select source lines to find the related shape, or ask AI to rename, expand, restyle, or rewrite the selected part of the workflow.
Mermaid Source
gantt
title Product Roadmap
dateFormat YYYY-MM-DD
section Discovery
Research users :done, d1, 2026-06-01, 3d
Define requirements :done, d2, after d1, 2d
section Design
Prototype flows :active, p1, after d2, 4d
Review designs :p2, after p1, 2d
section Delivery
Build MVP :m1, after p2, 7d
QA and launch :m2, after m1, 3d
Iterate :m3, after m2, 5d