This website defines a custom language to describe Gantt charts.
You write text in this language in the editor and the preview updates in real time.
The chart is saved in the URL so you can share it with anyone, but you can also
export it to various file formats.
The syntax is as follows:
-
You can define a group or a task by adding a new line, typing
the content of the group/task followed by properties. A group is a
task which doesn't have a
start nor a milestone
property.
-
Each property is either of the form
key=value,
or key="value with spaces" if it contains spaces.
-
You can also define global properties using the same syntax as the properties of
a group/task, but on its own line. They modify the whole chart.
The properties of a
group:
color: changes the color of all items in a group, it can be overriden by a task
The properties of a
task:
start: sets the start date of the task, it can be in all formats supported by your computer (e.g 2026-02-13, 13 Feb 2026)
end or duration: sets the end date of the task or its duration (in days) from the start date
milestone: used to set a single date representing an event instead of an interval, replaces every other date properties
color: changes the color of the task (e.g #2395ff, rgb(35,149,255))
progress: sets the progress of the task in percents (e.g 42 or 42%)
assignee: sets the list of people assigned to this task
The
global properties:
timeInterval: changes the interval between two columns (values: week, twoDays, day, hour, default: week)
showEachCell: if set to true, each individual table cell will have a border, which does a "spreadsheet" effect
headerColor: the background color used by the header line
groupColor: the background color used by every group line
color: the default color of a task, it can be overriden by a group or a task