html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  anychart.data.loadJsonFile(

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

    // https://cdn.anychart.com/samples-data/word-tree/anychart-word-tree/data.json

    'https://cdn.anychart.com/samples-data/word-tree/anychart-word-tree/data.json',

    function (data) {

      // create data tree

      var tableData = anychart.data.tree(data, 'as-table');

​

      // create word-tree chart

      var chart = anychart.wordtree(tableData);

​

      // set chart's font size minimum and maximum

      chart.minFontSize(8);

      chart.maxFontSize(20);

​

      // set default chart font color

      chart.fontColor('#333');

​

      // set chart paddings

      chart.padding(15, 0);

​

      // set chart connectors settings

      chart.connectors().curveFactor(0.9).length(35).stroke('#2485d0');

​

      // set container id for the chart

      chart.container('container');

​

      // initiate chart drawing

      chart.draw();

    }

  );

});