html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // The data used in this sample can be obtained from the CDN

  // https://cdn.anychart.com/samples/tag-cloud/the-old-man-and-the-sea/text.txt

  $.ajax(

    'https://cdn.anychart.com/samples/tag-cloud/the-old-man-and-the-sea/text.txt'

  ).done(function (text) {

    // create word-tree chart

    var chart = anychart.wordtree(text);

​

    // set the root word

    chart.word('The');

​

    // drill down to the next word in the tree

    chart.drillTo('man');

​

    // set chart background settings

    chart.background('#F8ECC2 .5');

​

    // set chart's font size minimum

    chart.minFontSize(3);

​

    // set chart padding

    chart.padding(15);

​

    // set chart connectors stroke

    chart.connectors().stroke('#9C2328');

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

  });

});