Dev Sandbox
ECharts Analytics Playground
View and test all dashboard chart types. Data is mock; production will wire to APIs.
Project Staffing
Gantt: tasks by start/end date. Color by skill level (Apprentice → Supervisor). Click a bar to see assigned workers. Planned vs actual and drag-to-reschedule can be added later.
Project Geography
How many workers in what project, and who. Click a project marker to see all assigned workers. Converts locations to coordinates + map (ECharts geo + scatter; production may use React Leaflet).
Loading world GeoJSON from CDN…
Utilization & Capacity
Stacked area: labor utilization by trade over time. Gauge: current capacity utilized (planned vs actual can be added).
Productivity & Output
Trend: labor hours per unit. Actual vs budgeted.
Safety Metrics
Incident count (bars) and injury rate (line).
Labor Cost Breakdown
Pie/donut: labor spend by trade, project, or cost type (wages, benefits, overtime).