html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var data = [

        ['Data Businessperson', 50, 15, 10, 5, 25],

        ['Data Creative', 17, 23, 10, 20, 30],

        ['Data Developer', 17, 25, 16, 27, 15],

        ['Data Researcher', 12, 15, 17, 5, 51]

    ];

​

    var chart = anychart.mosaic();

​

    //create dataset

    var dataSet = anychart.data.set(data);

    //sets mapping for series

    var map1 = dataSet.mapAs({'x': 0, 'value': 1});

    var map2 = dataSet.mapAs({'x': 0, 'value': 2});

    var map3 = dataSet.mapAs({'x': 0, 'value': 3});

    var map4 = dataSet.mapAs({'x': 0, 'value': 4});

    var map5 = dataSet.mapAs({'x': 0, 'value': 5});

​

    //create mekko series

    chart.mekko(map5).name('Statistics');

    chart.mekko(map4).name('Programming');

    chart.mekko(map3).name('Math/OR');

    chart.mekko(map2).name('ML/Big Data');

    chart.mekko(map1).name('Business');

​

    //set container id for the chart

    chart.container('container');

    //initiate chart drawing

    chart.draw();

});