Skip to content

Inline Gantt OR Milestone Timeline #7199

@dabenny

Description

@dabenny

Proposal

Mermaid.js should add a Milestone Timeline like the following:
Image

Can be viewed as a Gantt chart with milestone only in the same line.

This allow to chart different projects milestones in the same chart.

Use Cases

Technology Roadmap.
Projects timelines.

Screenshots

Image

Syntax

the sintax may be very close to the gantt chart

milestonetimeline
    dateFormat  YYYY-MM-DD
    axisFormat YYYY.Q
    section Project 1
        DS : 2025-03-01
        CP : 2025-09-01
        SOP : 2025-12-01
    section Project 2
        DS : 2025-03-01
        PF: 2025-05-01
        00: 2025-07-01
        0 : 2025-09-01
    section Project 3
        DS : 2025-06-30
        PF: 2025-09-01
        00: 2026-02-01
        0 : 2026-03-31
Image

Implementation

None

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions