html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // load the data

  anychart.data.loadJsonFile(

    "https://gist.githubusercontent.com/awanshrestha/07b9144e8f2539cd192ef9a38f3ff8f5/raw/b4cfb7c27b48a0e92670a87b8f4b1607ca230a11/Fifa%2520World%2520Cup%25202022%2520Qatar%2520Stadium%2520Schedule.json",

    function (data) {

      // create a data tree

      var treeData = anychart.data.tree(data, "as-table");

​

      // create a resource gantt chart

      var chart = anychart.ganttResource();

​

      // set the data for the chart

      chart.data(treeData);

      // set the container 

      chart.container("container");

​

      // draw the chart

      chart.draw();

    }

  );

});