Gantt chart
Project timeline with task bars and progress fill, dependency arrows, milestones, a today line, week/month zoom and hover detail.
Preview
Version 4 launch plan
Hover a task for detailToday · Nov 3
| Task | Start | End | Done | After |
|---|---|---|---|---|
| Research | Oct 12 | Oct 21 | 100% | |
| Design | Oct 19 | Nov 2 | 100% | Research |
| API changes | Oct 26 | Nov 10 | 55% | Research |
| Build UI | Nov 2 | Nov 18 | 15% | Design |
| Beta | Nov 19 | milestone | Build UI, API changes | |
| QA and fixes | Nov 19 | Nov 27 | 0% | Beta |
| Launch | Nov 30 | milestone | QA and fixes |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tasks | { id; label; start; end?; progress?; milestone?; dependsOn?; color?; note? }[] | — | Tasks with ISO dates, progress 0–1, milestones and dependencies. |
| today | string | — | Today's ISO date, passed in; drawn as the today line. |
| label | string | — | Name of the chart. |
| defaultZoom | "week" | "month" | "week" | Initial zoom. |
| rowHeight | number | 34 | Row height in px. |
| locale | string | "en-US" | Locale for dates. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.