Gantt vs block timeline Two ways to show a schedule.
Short answer
Use a Gantt chart when exact start and end times matter and lanes share one time axis. Use a block timeline when the status of each item matters more than its dates, team by team.
Updated Nov 2, 2026 · SaaS sample data
Same 11 items
The Gantt shows when each item runs and where squads overlap. The block timeline shows what each squad is on and what is stuck: two items are blocked, Referral v2 and Push crash.
If you ask
Common mistakes Gantt No now line. Mark today, so done and to-come read at once.
One lane per item. Group items into lanes per resource, so clashes show.
Block timeline Dates on every block. A block timeline is about status; keep dates for the Gantt.
Status with no legend. Name every state, especially blocked.
Other ways to show it Onboarding milestones Share of sign-ups reaching each of 6 onboarding steps, from 100% signed up to 18% paid by day 14. 1 DAY 0 Signed up 100% 2 DAY 1 Invited 72% 3 DAY 2 Connected 58% 4 DAY 4 Report 44% 5 DAY 7 Shared 31% 6 DAY 14 Paid 18% Onboarding milestones Share of sign-ups reaching each of 6 onboarding steps, from 100% signed up to 18% paid by day 14. 1 Day 0 Signed up 100% 2 Day 1 Invited 72% 3 Day 2 Connected 58% 4 Day 4 Report 44% 5 Day 7 Shared 31% 6 Day 14 Paid 18% Onboarding milestones Step Day Reached Signed up Day 0 100% Invited Day 1 72% Connected Day 2 58% Report Day 4 44% Shared Day 7 31% Paid Day 14 18%
Onboarding milestones Share of sign-ups reaching each of 6 onboarding steps, from 100% signed up to 18% paid by day 14. 1 DAY 0 Signed up 100% 2 DAY 1 Invited 72% 3 DAY 2 Connected 58% 4 DAY 4 Report 44% 5 DAY 7 Shared 31% 6 DAY 14 Paid 18% Onboarding milestones Share of sign-ups reaching each of 6 onboarding steps, from 100% signed up to 18% paid by day 14. 1 Day 0 Signed up 100% 2 Day 1 Invited 72% 3 Day 2 Connected 58% 4 Day 4 Report 44% 5 Day 7 Shared 31% 6 Day 14 Paid 18% Onboarding milestones Step Day Reached Signed up Day 0 100% Invited Day 1 72% Connected Day 2 58% Report Day 4 44% Shared Day 7 31% Paid Day 14 18%
Delivery windows by route Delivery window per route (earliest to latest arrival, with the median), 8 routes; 2 routes start at or after the 10:30 SLA; R8 runs 12:00 to 17:00. 18:00 14:00 10:00 06:00 R1 R2 R3 R4 R5 R6 R7 R8 WITHIN SLA OVER SLA Delivery windows by route Delivery window per route (earliest to latest arrival, with the median), 8 routes; 2 routes start at or after the 10:30 SLA; R8 runs 12:00 to 17:00. 18:00 14:00 10:00 06:00 R1 R2 R3 R4 R5 R6 R7 R8 Within SLA Over SLA Delivery windows by route Route Earliest Latest Median SLA R1 08:00 11:00 09:30 Within R2 09:00 13:00 11:00 Within R3 07:30 10:00 08:30 Within R4 10:00 15:00 12:30 Within R5 08:00 12:00 10:00 Within R6 11:00 16:00 13:00 Over R7 09:00 12:00 10:30 Within R8 12:00 17:00 14:00 Over
Delivery windows by route Delivery window per route (earliest to latest arrival, with the median), 8 routes; 2 routes start at or after the 10:30 SLA; R8 runs 12:00 to 17:00. 18:00 14:00 10:00 06:00 R1 R3 R5 R8 WITHIN SLA OVER SLA Delivery windows by route Delivery window per route (earliest to latest arrival, with the median), 8 routes; 2 routes start at or after the 10:30 SLA; R8 runs 12:00 to 17:00. 18:00 14:00 10:00 06:00 R1 R2 R3 R4 R5 R6 R7 R8 Within SLA Over SLA Delivery windows by route Route Earliest Latest Median SLA R1 08:00 11:00 09:30 Within R2 09:00 13:00 11:00 Within R3 07:30 10:00 08:30 Within R4 10:00 15:00 12:30 Within R5 08:00 12:00 10:00 Within R6 11:00 16:00 13:00 Over R7 09:00 12:00 10:30 Within R8 12:00 17:00 14:00 Over
Driver hours today Activity of 3 drivers over 24 hours: driving time R. Silva 8.0 h, T. Brandt 6.5 h, M. Kaya 8.5 h. 00 06 12 18 24 H DISC R. Silva 8.0 h DRIVE T. Brandt 6.5 h DRIVE M. Kaya 8.5 h DRIVE DRIVING OTHER WORK REST AVAILABLE Driver hours today Activity of 3 drivers over 24 hours: driving time R. Silva 8.0 h, T. Brandt 6.5 h, M. Kaya 8.5 h. 00 06 12 18 24h Disc R. Silva 8.0h Drive T. Brandt 6.5h Drive M. Kaya 8.5h Drive Driving Other work Rest Available Driver hours today Driver From To Activity R. Silva 05:30 06:00 Other work R. Silva 06:00 10:30 Driving R. Silva 10:30 11:15 Rest R. Silva 11:15 14:45 Driving R. Silva 14:45 15:30 Other work T. Brandt 05:00 06:00 Other work T. Brandt 06:00 09:00 Driving T. Brandt 09:00 09:45 Rest T. Brandt 09:45 13:15 Driving T. Brandt 13:15 14:00 Available M. Kaya 06:30 07:00 Other work M. Kaya 07:00 11:30 Driving M. Kaya 11:30 12:15 Rest M. Kaya 12:15 16:15 Driving M. Kaya 16:15 17:00 Other work
Driver hours today Activity of 3 drivers over 24 hours: driving time R. Silva 8.0 h, T. Brandt 6.5 h, M. Kaya 8.5 h. 00 06 12 18 24 H DISC R. Silva 8.0 h DRIVE T. Brandt 6.5 h DRIVE M. Kaya 8.5 h DRIVE DRIVING OTHER WORK REST AVAILABLE Driver hours today Activity of 3 drivers over 24 hours: driving time R. Silva 8.0 h, T. Brandt 6.5 h, M. Kaya 8.5 h. 00 06 12 18 24h Disc R. Silva 8.0h Drive T. Brandt 6.5h Drive M. Kaya 8.5h Drive Driving Other work Rest Available Driver hours today Driver From To Activity R. Silva 05:30 06:00 Other work R. Silva 06:00 10:30 Driving R. Silva 10:30 11:15 Rest R. Silva 11:15 14:45 Driving R. Silva 14:45 15:30 Other work T. Brandt 05:00 06:00 Other work T. Brandt 06:00 09:00 Driving T. Brandt 09:00 09:45 Rest T. Brandt 09:45 13:15 Driving T. Brandt 13:15 14:00 Available M. Kaya 06:30 07:00 Other work M. Kaya 07:00 11:30 Driving M. Kaya 11:30 12:15 Rest M. Kaya 12:15 16:15 Driving M. Kaya 16:15 17:00 Other work
Questions Can a block timeline show dates? Days left, yes; exact dates belong on a Gantt.
Which suits a roadmap page? The block timeline: status reads at a glance.
Do both come in every size? Yes. Gantt and Block timeline come in XS, S, M and L, each laid out again for its size, in light and dark.
Do they install the same way? Yes, one command each: npx shadcn add @chartory/gantt and npx shadcn add @chartory/block-timeline.