Blazor Gantt Chart Example - Critical Path Analysis
ID | Job Name | Start Date | End Date | Duration | Progress | Dependency |
|---|
| 1 | Planning and permits | 4/2/2025 | 4/8/2025 | 5 days | 100 | |
| 2 | Site evaluation | 4/2/2025 | 4/3/2025 | 2 days | 100 | |
| 3 | Obtain permits | 4/4/2025 | 4/8/2025 | 3 days | 100 | 2FS |
| 4 | Site preparation | 4/9/2025 | 4/16/2025 | 6 days | 75 | |
| 5 | Grading and excavation | 4/9/2025 | 4/11/2025 | 3 days | 100 | 3FS |
| 6 | Foundation and basement | 4/14/2025 | 4/16/2025 | 3 days | 50 | |
| 7 | Basement walls | 4/14/2025 | 4/16/2025 | 3 days | 50 | 5FS |
| 8 | Framing | 4/17/2025 | 4/22/2025 | 4 days | 0 | |
| 9 | Frame floors | 4/17/2025 | 4/18/2025 | 2 days | 0 | 7FS |
| 10 | Install trusses | 4/21/2025 | 4/22/2025 | 2 days | 0 | 9FS |
| 11 | Roofing | 4/23/2025 | 4/25/2025 | 3 days | 0 | 10FS |
| 12 | Mechanical, electrical, plumbing | 4/28/2025 | 5/5/2025 | 6 days | 0 | |
| 13 | HVAC installation | 4/28/2025 | 4/30/2025 | 3 days | 0 | 11FS |
| 14 | Electrical installation | 5/1/2025 | 5/5/2025 | 3 days | 0 | 13FS |
| 15 | Interior finishing | 5/6/2025 | 5/15/2025 | 8 days | 0 | 14FS |
| 16 | Insulation and drywall | 5/6/2025 | 5/12/2025 | 5 days | 0 | 14FS |
| 17 | Final fixture installation | 5/13/2025 | 5/15/2025 | 3 days | 0 | 16FS |
| 18 | Final inspection | 5/16/2025 | 5/20/2025 | 3 days | 0 | 17FS |
| 19 | Client handover | 5/21/2025 | 5/22/2025 | 2 days | 0 | 18FS |
| 20 | Celebrate project completion | 5/23/2025 | 5/27/2025 | 3 days | 0 | 19FS |
Mar 30, 2025 | Apr 06, 2025 | Apr 13, 2025 | Apr 20, 2025 | Apr 27, 2025 | May 04, 2025 | May 11, 2025 | May 18, 2025 | May 25, 2025 |
S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S |
This sample demonstrates how to render a Blazor Gantt Chart with critical path visualization. The chart uses the default week-day timeline view, and dependency lines are enabled to illustrate task execution order and phase hierarchy.
The critical path represents the sequence of tasks or a single task that directly determines the project's finish date. Any delay in a task on the critical path will result in a delay to the overall project timeline.
The critical path feature can be enabled using the built-in toolbar button or by setting the EnableCriticalPath property to true.
When enabled, any CRUD operation triggers a validation of the critical path. Tasks and connector lines that fall within the critical path are automatically highlighted, helps identify and manage time-sensitive activities effectively.
For further details, refer to the documentation.