html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {name: "Italian", children: [

        {name: "Consonants", children: [

          {name: "m"}, {name: "n"}, {name: "ɲ"},

          {name: "p"}, {name: "b"}, {name: "t"},

          {name: "d"}, {name: "k"}, {name: "g"},

          {name: "t͡s"}, {name: "d͡z"}, {name: "t͡ʃ"},

          {name: "d͡ʒ"}, {name: "f"}, {name: "v"},

          {name: "s"}, {name: "z"}, {name: "ʃ"},

          {name: "j"}, {name: "w"}, {name: "l"},

          {name: "ʎ"}, {name: "r"}, {name: "ɾ"}

        ]},

        {name: "Vowels", children: [

          {name: "i"}, {name: "u"}, {name: "e"},

          {name: "o"}, {name: "ɛ"}, {name: "ɔ"},

          {name: "a"}

        ]} 

      ]}

    ];

​

    // create a chart and set the data

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

​

    // set the calculation mode

    chart.calculationMode("ordinal-from-leaves");

​

    // set the chart title

    chart.title().useHtml(true);

    chart.title("Sunburst: Calculation Mode (ordinal-from-leaves)<br><br>" +

        "<span style='font-size:12; font-style:italic'>" +

        "Phonemic System</span>");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});