html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // add data

  const data = [

    {from: 'First Class', to: 'Child', value: 6},

    {from: 'Second Class', to: 'Child', value: 24},

    {from: 'Third Class', to: 'Child', value: 79},

    {from: 'Crew', to: 'Child', value: 0},

    {from: 'First Class', to: 'Adult', value: 319},

    {from: 'Second Class', to: 'Adult', value: 261},

    {from: 'Third Class', to: 'Adult', value: 627},

    {from: 'Crew', to: 'Adult', value: 885},

    {from: 'Child', to: 'Female', value: 45},

    {from: 'Child', to: 'Male', value: 64},

    {from: 'Adult', to: 'Female', value: 425},

    {from: 'Adult', to: 'Male', value: 1667},

    {from: 'Female', to: 'Survived', value: 344},

    {from: 'Female', to: 'Perished', value: 126},

    {from: 'Male', to: 'Survived', value: 367},

    {from: 'Male', to: 'Perished', value: 1364},

  ]

  // create a sankey diagram instance

  var chart = anychart.sankey();

​

  // load the data to the sankey diagram instance

  chart.data(data);

​

  // set the chart's padding

  chart.padding(20, 40);

  // add a title

  chart.title('Titanic Survivors');

​

  // set the chart container id

  chart.container('container');

​

  // draw the chart

  chart.draw();

});