The Enterprise Gantt Chart
JavaScript Deserves

// npm install arogantt
import AroGantt from 'arogantt';

const gantt = new AroGantt(
  document.getElementById('app'),
  {
                    data:           myProjectData,
                    autoSchedule:   true,
                    criticalPath:   true,
                    allowSplitTask: true,
                    resourceView:   true,
                    locale:         'vi-VN',
                    theme:          'dark',
  }
);

// React to any project change
gantt.on('onTaskUpdated', (changes) => {
  myBackendAPI.save(changes);
});

gantt.on('onTaskCreated', (task) => {
  console.log('New task:', task.id);
});