html, body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

button {

    margin: 10px 0 0 10px;

}

#container {

    position: absolute;

    width: 100%;

    top: 35px;

    bottom: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      ["oxygen is a chemical element"],

      ["in nature, oxygen is a gas with no color or smell"],

      ["oxygen is a very important element"],

      ["oxygen was initially discovered in 1772"],

      ["oxygen is what makes burning possible"],

      ["oxygen can be used in smelting metal from ore"],

      ["oxygen is used in hospitals for killing bacteria"],

      ["oxygen is used to purify the water"],

      ["in nature, oxygen is produced by plants"]

    ];

    // create a chart and set the data

    chart = anychart.wordtree(data);

​

    // configure the font

    chart.maxFontSize(18);

​

    // set the chart title

    chart.title("Word Tree: Interactivity");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});

​

// drill down to a data item

function drillToItem() {

  /* locate an item in the data tree

  and get it as an object */

  var item = chart.data().search("value", "a");

  // drill down to the item

  chart.drillTo(item);

}

​

// drill up a level

function drillUpALevel() {

  chart.drillUp();

}