html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

// create data set

    var dataSet = anychart.data.set([

        {'id': 'AU.NS', 'size': 7565500},

        {'id': 'AU.NT', 'size': 243700},

        {'id': 'AU.WA', 'size': 2565600},

        {'id': 'AU.SA', 'size': 1682600},

        {'id': 'AU.VI', 'size': 5866300},

        {'id': 'AU.QL', 'size': 4750500},

        {'id': 'AU.TS', 'size': 514700}

    ]);

​

// create map chart

    var map = anychart.map();

​

// set geodata using https://cdn.anychart.com/geodata/1.0.0/countries/australia/australia.js

    map.geoData(anychart.maps.australia);

​

//set bubble min/max size settings

    map.maxBubbleSize('10%');

    map.minBubbleSize('3%');

​

//create bubble series

    var series = map.bubble(dataSet);

    series.labels(true);

    series.labels().fontColor('black');

​

//set series geo id field settings

    series.geoIdField("code_hasc");

​

// set container id for the chart

    map.container('container');

​

// initiate chart drawing

    map.draw();

​

});