Gantt charts: todayMarker

Gantt charts: todayMarker

puml.online

简介 / Introduction

Gantt charts are a staple of project management, visualizing task schedules and progress. todayMarker draws a vertical line at the current date, making it immediately clear how each task lines up against “now”. This article covers both PlantUML and Mermaid implementations.

PlantUML 版

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@startgantt
scale 2
Project starts 2026-09-01

[Requirements] lasts 3 days
[System Design] lasts 2 days
[Implementation] lasts 5 days
[Testing] lasts 2 days

then [Deploy]

-- Launch Prep --
[Operations Docs] lasts 2 days
[User Training] lasts 1 days

yellow lasts 1 days
then [Launch Review]

today 42
@enduml

Notes:

  • today 42 draws a red vertical line at the “today” position (day 42 from project start).
  • PlantUML Gantt uses [Task] lasts N days to define duration.
  • then chains tasks sequentially (starts after the previous one finishes).
  • -- text -- creates a named separator between task groups.

Mermaid 版

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
gantt
title Project Milestones
dateFormat YYYY-MM-DD
axisFormat %m-%d

section Design
Requirements Analysis :done, des1, 2026-09-01, 3d
System Design :active, des2, after des1, 2d

section Development
Implementation : dev1, after des2, 5d
Testing : test1, after dev1, 2d

section Launch
Deployment : launch, after test1, 1d

todayMarker

Notes:

  • Mermaid’s todayMarker keyword draws a blue dashed line at “today” (relative to the current system date when rendered).
  • dateFormat defines input parsing; axisFormat controls the tick labels on the X axis.
  • done / active keywords indicate task state (completed / in-progress).
  • section groups tasks into named phases.

对比 / Side-by-side

Feature PlantUML Mermaid
today marker today 42 (red, colorable) todayMarker (blue dashed, built-in)
Duration syntax lasts N days write days directly, e.g. 3d
Task chaining then for sequential after XXX for dependency
Phase grouping -- Label -- separator section Name
Task state automatic colors: yellow / green explicit done / active

小结 / Wrap-up

PlantUML’s today N marker is customizable in color and position, ideal when you need a prominent “today” callout. Mermaid’s todayMarker is a zero-config keyword that works out of the box, perfect for docs embedded in GitHub READMEs or wikis. Both let the team see at a glance where the project stands relative to the current moment — pick the one that fits your toolchain.

  • Title: Gantt charts: todayMarker
  • Author: puml.online
  • Created at : 2026-09-17 01:00:00
  • Updated at : 2026-09-29 01:06:38
  • Link: https://puml.online/blog/gantt-today-marker-en/
  • License: This work is licensed under CC BY-NC-SA 4.0.