Gantt Chart
Render horizontal bars along a time axis, each representing a named item with a start and end date or year. Color bars by region or category and optionally highlight delayed segments. Works equally well for project schedules spanning weeks, civilizations spanning millennia, or any dataset with a label and a date range.
Examples
When to Use
- Project timelines with scheduled vs. delayed segments
- Visualizing the rise and fall of civilizations, empires, or eras
- Comparing durations across categories (product lifecycles, contracts)
- Any dataset with a label, start, and end time/year
Data Roles
Build These Examples
Which columns go in which field wells. Task + Start date + End date are the minimum; Legend and Status layer color and highlighting on top. Start/End accept either dates or numeric years (as long as both match).
Settings
Timeline
Sort By
dropdownHow lanes are sorted: time, region, category, end, or duration.
Default:timeLane Padding
numberVertical padding ratio between bars (0–0.9).
Default:0.3Bar Corner Radius
numberRounded corners on timeline bars (0–24 px).
Default:4Min Bar Width
numberMinimum bar width in pixels for very short durations (1–20).
Default:2Show Top Axis
booleanDisplay the time axis at the top.
Default:trueShow Bottom Axis
booleanDisplay the time axis at the bottom.
Default:trueShow Today Line
booleanDraw a vertical marker at today's date.
Default:trueShow Crosshair
booleanShow a crosshair on hover for precise date reading.
Default:trueAppearance
Delayed Color
colorColor used for delayed segments when a Status field is bound.
Default:#f59e0bDim Before Today
booleanReduce opacity of bars before today's date.
Default:falseBefore Today Opacity
numberOpacity for dimmed past segments (0.05–1).
Default:0.35Data Labels
Show
booleanDisplay item labels on bars.
Default:trueFont Size
numberLabel font size (6–40).
Default:10Common settings like Legend, Tooltip, and Color Scheme are covered in Shared Concepts.
Tips & Best Practices
- Sort by region to group related bars together, or by duration to emphasize the longest-running items
- Use the Type/Status field to distinguish scheduled vs. delayed segments with different colors
- Enable "Dim Before Today" to visually separate past periods from current and future ones