Gantt Chart
ProDates computed from dependencies, with the critical path and the float drawn.
Shipping one release
Twelve tasks, dependencies, and the path that sets the date
Twenty eight days end to end. 8 of the twelve tasks are on the critical path; the docs have 13 days of float. The critical path is Spec the API, then Design pass, then Build the UI, then Test suite, then Fix what they find, then Release notes, then Package and sign, then Ship it. Arrow keys move between tasks and Escape clears the selection. Every task follows as a table.
| Task | Starts | Ends | Days | Float | Waits for |
|---|---|---|---|---|---|
| Spec the API | day 0 | day 3 | 3 | none, critical | nothing |
| Design pass | day 3 | day 8 | 5 | none, critical | Spec the API |
| Server routes | day 3 | day 7 | 4 | 1 | Spec the API |
| Build the UI | day 8 | day 16 | 8 | none, critical | Design pass, Server routes |
| Write the docs | day 8 | day 12 | 4 | 13 | Design pass |
| Test suite | day 16 | day 21 | 5 | none, critical | Build the UI |
| Accessibility audit | day 16 | day 19 | 3 | 2 | Build the UI |
| Performance pass | day 16 | day 19 | 3 | 2 | Build the UI |
| Fix what they find | day 21 | day 25 | 4 | none, critical | Test suite, Accessibility audit, Performance pass |
| Release notes | day 25 | day 27 | 2 | none, critical | Write the docs, Fix what they find |
| Package and sign | day 25 | day 27 | 2 | none, critical | Fix what they find |
| Ship it | day 27 | day 28 | 1 | none, critical | Release notes, Package and sign |
Nothing here was placed by hand: every date comes from a duration and a list of what a task waits for. 28 days end to end, and 4 of the twelve tasks could slip without moving that, one of them by 13 days. Turn the float off and the plan looks like twelve equally urgent bars, which is how most Gantt charts are drawn and the reason they are not much use. This is also the difference from the resource scheduler, where blocks are dragged to where a person decides they go.
This component installs from the private registry, which opens with Pro. The command and the one-time setup are shown here once your licence key is in this browser.
6 sections, and every other premium component
The preview above is the real Gantt Chart, running. One purchase opens the sections above on this page and on every other component in the library.