html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {value:     "Slavic Languages",

       children: [

        {value:   "East", children: [

          {value: "Russian"},

          {value: "Ukrainian"},

          {value: "Belarusian"}

        ]},

        {value:   "West", children: [

          {value: "Polish"},

          {value: "Czech"},

          {value: "Slovak"}

        ]},

        {value:   "South", fontColor: "#1976d2", children: [

          {value: "Bulgarian"},

          {value: "Serbian"},

          {value: "Croatian"},

          {value: "Slovene"},

          {value: "Macedonian", fontColor: "#dd2c00"}

        ]}  

      ]} 

    ];

    // create a chart and set the data

    var chart = anychart.wordtree(data, "as-tree");

​

    // set the chart title

    chart.title("Word Tree: Font (Individual Points)");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});