Schematex
pert·PMI PMBOK 7 (critical path) + Gantt 1910·business, technology·complexity 3/3·since v0.6.0

Gantt chart with computed critical path (website relaunch)

A calendar Gantt for a website relaunch — sections, a weekday-only date axis, progress overlays, a milestone, and a today marker. The bars are placed from the engine's computed schedule, so the critical path is highlighted in red and off-path tasks show their slack — something a hand-placed (Mermaid) Gantt can't do.

For the project manager who wants the schedule computed, not typed

Open in Playground →
gantt·§
↘ preview
100%
Gantt chart — Website Relaunch Gantt chart: 7 tasks, project duration 36d. Starts 2026-07-01 (weekdays only). Critical path: A → B → C → D → F → LAUNCH. Website Relaunch Plan Design Build Jul 1 Jul 8 Jul 15 Jul 22 Jul 29 Aug 5 Aug 12 Aug 19 Discovery Wireframes Visual design Frontend build Backend API Integration & QA Go live 5d 8d 6d 12d 10d · slack 16 5d today 7 tasks · duration 36d · critical path: A → B → C → D → F → LAUNCH
UTF-8 · LF · 11 lines · 504 chars✓ parsed·2.6 ms·7.7 KB SVG

What this shows

A real Gantt chart where you type dependencies, not dates. Each task declares a duration and what it comes after:; the engine runs the forward/backward pass and places the bars from the computed Early Start / Early Finish.

The critical path is computed and drawn in redA → B → C → D → F → Go live. "Backend API" runs in parallel off the critical path, so it's drawn in the resting blue with its slack annotated: you can start it 16 working days late without slipping the launch. The 5day calendar excludes weekends from the timeline, lane: bands the rows into Plan / Design / Build sections, the 40 % progress overlay marks how far Visual design has got, and the dashed today line shows where the project stands. This is the differentiator over a typed Gantt: change one duration and the whole schedule — and the critical path — recomputes.

Gantt / PERT syntax