Blazor Gantt Chart Example - Human Resource Management
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
ID | Name | Progress | Start Date | Due Date |
|---|
| 1 | Planning phase | 100% | 6/3/2024 | 6/9/2024 |
| 2 | Identify hiring needs | 100% | 6/3/2024 | 6/5/2024 |
| 3 | Job descriptions | 100% | 6/6/2024 | 6/7/2024 |
| 4 | Develop recruitment strategy | 100% | 6/8/2024 | 6/9/2024 |
| 5 | Sourcing phase | 100% | 6/10/2024 | 6/14/2024 |
| 6 | Create job posting | 100% | 6/10/2024 | 6/12/2024 |
| 7 | Source candidates | 100% | 6/13/2024 | 6/14/2024 |
| 8 | Screening phase | 100% | 6/23/2024 | 6/27/2024 |
| 9 | Review applications | 100% | 6/23/2024 | 6/25/2024 |
| 10 | Conduct initial screenings | 100% | 6/26/2024 | 6/27/2024 |
| 11 | Interview phase | 100% | 6/30/2024 | 7/6/2024 |
| 12 | Schedule interviews | 100% | 6/30/2024 | 7/2/2024 |
| 13 | Conduct interviews | 100% | 7/5/2024 | 7/6/2024 |
| 14 | Interview test 1 | 100% | 7/5/2024 | 7/5/2024 |
| 15 | Interview test 2 | 100% | 7/6/2024 | 7/6/2024 |
| 16 | Interview HR round | 100% | 7/6/2024 | 7/6/2024 |
| 17 | Selection phase | 100% | 7/8/2024 | 7/9/2024 |
| 18 | Evaluate candidates | 100% | 7/8/2024 | 7/9/2024 |
| 19 | Make Job offers | 100% | 7/8/2024 | 7/9/2024 |
| 20 | Onboarding phase | 24% | 7/11/2024 | 8/6/2024 |
| 21 | Prepare onboarding materials | 100% | 7/11/2024 | 7/13/2024 |
| 22 | Onboard new hires | 100% | 7/14/2024 | 7/15/2024 |
| 23 | Document verification | 50% | 7/16/2024 | 7/18/2024 |
| 24 | Re-verification | 0% | 7/19/2024 | 7/20/2024 |
| 25 | Health insurance and bank details | 0% | 7/21/2024 | 7/22/2024 |
| 26 | PF account setup | 0% | 7/23/2024 | 7/24/2024 |
| 27 | Employee login ID assignment | 0% | 7/25/2024 | 7/25/2024 |
| 28 | Provide accessories (laptop, mouse, etc.) | 0% | 7/26/2024 | 7/27/2024 |
| 29 | Issue ID cards | 0% | 7/28/2024 | 7/28/2024 |
| 30 | Schedule training period | 0% | 7/29/2024 | 8/2/2024 |
| 31 | Provide gifts and food after training | 0% | 8/3/2024 | 8/3/2024 |
| 32 | Get feedback from new hires | 0% | 8/4/2024 | 8/5/2024 |
| 33 | Upload employee details to system | 0% | 8/6/2024 | 8/6/2024 |
Jun 02, 2024 | Jun 09, 2024 | Jun 16, 2024 | Jun 23, 2024 | Jun 30, 2024 | Jul 07, 2024 | Jul 14, 2024 | Jul 21, 2024 | Jul 28, 2024 | Aug 04, 2024 |
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 | S | M | T | W | T | F | S |
Independence Day
This sample demonstrates a human resource management roadmap using the Blazor Gantt Chart. Talent acquisition, onboarding, training, performance evaluation, and retention initiatives appear as structured phases, revealing the cadence of HR programs across the planning horizon.
Each phase encapsulates related activities with defined start dates, end dates, durations, dependencies, and completion states.
The visualization highlights hierarchical task relationships, progress tracking, and delivering a unified perspective on workforce planning commitments. It demonstrates how the Gantt layout clarifies schedule risk, keeps compliance deliverables on track, and surfaces remaining workload within human resource operations.
The agenda view of the scheduler component complements this by clearly displaying day-to-day human resource work details. SfScheduler is a component designed to present HR activities in a structured and interactive format.