html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // set the data

  var data = [

    {id: "1", name: "A"},

    {id: "2", name: "B"},

    {id: "3", name: "D"},

    {id: "4", name: "AD"},

    {id: "5", name: "BC"}

  ];

  // set the dependencies

  var dependencies = [

    {from: '1', to: '4'},

    {from: '3', to: '4'},

    {from: '2', to: '5'},

    {from: '3', to: '5'}

  ];

  // create a chart

  var chart = anychart.pert();

  // set the data with dependencies

  chart.data(data, "as-tree", dependencies);

  // set chart title

  chart.title("Nodes and Connections Set Separately");

  // display the chart

  chart.container("container");

  chart.draw();

});