html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

    // This sample uses 3rd party proj4 component

    // that makes it possible to set coordinates

    // for the points and labels on the map and

    // required for custom projections and grid labels formatting.

    // See https://docs.anychart.com/7.14.3/Maps/Map_Projections

​

    // create data set

    var dataSet = anychart.data.set([

{'id': 'AU.NS', 'size': 7565500, 'name': 'New South Wales'},

{'id': 'AU.NT', 'size': 243700, 'name': 'Northern Territory'},

{'id': 'AU.WA', 'size': 2565600, 'name': 'Western Australia'},

{'id': 'AU.SA', 'size': 1682600, 'name': 'South Australia'},

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

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

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

    ]);

​

    // create map chart

    var map = anychart.map();

​

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

    map.geoData(anychart.maps.australia);

​

    //create bubble series

    var series = map.bubble(dataSet);

​

    // changes the fill and hoverFill colors

    series.fill("#90caf9");

    series.hoverFill("#b3e5fc");

    series.labels().fontColor("#0277bd");

    series.hoverLabels().fontColor("#01579b");

​

    // changes the stroke and hoverStroke colors

    series.stroke("#64b5f6");

    series.hoverStroke("#81d4fa");

​

    // sets the select colors

    series.selectStroke("#546e7a");

    series.selectFill("#78909c");

    series.selectLabels().fontColor("#263238");

​

    // set the maximum size of the bubble

    map.maxBubbleSize('10%');

​

    // set the minimum size of the bubble

    map.minBubbleSize('2%');

​

    // set the color for the text of the labels

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

    series.labels().fontSize(10);

​

    // format the labels

    series.labels().format(function(){

return(this.getData("name")+"\n"+this.size);

    });

    series.labels().anchor('center');

    series.labels().position('center');

​

    series.tooltip().format(function(){

return(this.size+' employed local workers');

    });

​

    // set container id for the chart

    map.container('container');

​

    // initiate chart drawing

    map.draw();

});