html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data   

    var data = [

      {x: "learning", value: 80},

      {x: "includes", value: 56},

      {x: "lists", value: 44},

      {x: "meaning", value: 40},

      {x: "useful", value: 36},

      {x: "different", value: 32},

      {x: "grammar", value: 28},

      {x: "teaching", value: 24},

      {x: "example", value: 20},

      {x: "thing", value: 12}

    ];

​

    // create a chart and set the data

    var chart = anychart.tagCloud(data);

​

    // set the chart title

    chart.title("Tag Cloud Chart: Appearance");

​

    // configure the visual settings of the chart

    chart.normal().fill("#1fadad");

    chart.hovered().fill("#93bfec");

    chart.selected().fill("#1f66ad");

    chart.normal().stroke("#0f5757");

    chart.hovered().stroke("#0f3357");

    chart.selected().stroke("#0f3357");

    chart.normal().fontWeight(600);

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});