Building a Gantt Chart Component with Zero Dependencies

Most Gantt chart libraries are either too heavy (500KB+ with framework lock-in), too expensive ($900+/dev), or too complex for what you actually need. I spent the last two years building SchedulaCore — a lightweight resource scheduler that drops into any page with a single <script> tag. The problem I needed a Gantt-style scheduler for a manufacturing planning application. The requirements: Show resources (machines, people) as rows, time as columns Drag tasks across resources and time slots Calendar-aware scheduling (working hours, holidays, per-resource exceptions) No React/Vue/Angular dependency Every library I evaluated was either framework-specific, overkill, or priced per-developer (which adds up fast with a team). The solution SchedulaCore is a vanilla JavaScript component. Here's the entire setup: <link rel= "stylesheet" href= "schedula-core.css" > <div id= "scheduler" ></div> <script src= "schedula-core.min.js" ></script> <script> var data = { Resources : [ { Id : " 1 " , Name :