HTML Gantt Chart

Overview

Create self-contained, hand-crafted HTML Gantt charts that render correctly without external JS dependencies. Calendar-based timeline with weekend grey strips, holiday red strips, and color-coded task bars by category.

Core Principles

1. Calendar-based timeline: Task bars span from start date to end date (inclusive of non-workdays in between).
2. No gaps between tasks: The next task starts on the next workday after the previous task ends.
3. Non-workday strips as overlays: Weekend (grey) and holiday (red) strips overlay the timeline.
4. Holiday priority: Holiday strips merge into continuous blocks and render above weekend strips.
5. Color coding by category: Each department/team gets distinct fill + text + border colors.

When to Use