html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create map

    var map = anychart.map();

​

    // create data set

    var dataSet = anychart.data.set([

        {'id': 'AF.BG', 'value': 0},

        {'id': 'AF.HR', 'value': 1},

        {'id': 'AF.BM', 'value': 2},

        {'id': 'AF.BK', 'value': 3},

        {'id': 'AF.FB', 'value': 4},

        {'id': 'AF.JW', 'value': 5},

        {'id': 'AF.GR', 'value': 6},

        {'id': 'AF.SP', 'value': 7},

        {'id': 'AF.FH', 'value': 8},

        {'id': 'AF.HM', 'value': 9},

        {'id': 'AF.NM', 'value': 10},

        {'id': 'AF.OZ', 'value': 11},

        {'id': 'AF.2015', 'value': 12},

        {'id': 'AF.KD', 'value': 13},

        {'id': 'AF.ZB', 'value': 14},

        {'id': 'AF.GZ', 'value': 15},

        {'id': 'AF.KT', 'value': 16},

        {'id': 'AF.PK', 'value': 17},

        {'id': 'AF.BD', 'value': 18},

        {'id': 'AF.NR', 'value': 19},

        {'id': 'AF.KR', 'value': 20},

        {'id': 'AF.KZ', 'value': 21},

        {'id': 'AF.NG', 'value': 22},

        {'id': 'AF.TK', 'value': 23},

        {'id': 'AF.BL', 'value': 24},

        {'id': 'AF.KB', 'value': 25},

        {'id': 'AF.KP', 'value': 26},

        {'id': 'AF.PV', 'value': 27},

        {'id': 'AF.LA', 'value': 28},

        {'id': 'AF.LW', 'value': 29},

        {'id': 'AF.2033', 'value': 30},

        {'id': 'AF.SM', 'value': 31},

        {'id': 'AF.VR', 'value': 32},

        {'id': 'AF.PT', 'value': 33}

    ]);

​

    // create choropleth series

    series = map.choropleth(dataSet);

​

    // set geoIdField to 'id', this field contains in geo data meta properties

    series.geoIdField('id');

​

    // set map color settings

    series.colorScale(anychart.scales.linearColor('#deebf7', '#3182bd'));

    series.hoverFill('#addd8e');

​

    // disable series labels

    series.labels(false);

​

    // set geo data, you can find this map in our geo maps collection

    // https://cdn.anychart.com/#maps-collection

    map.geoData(anychart.maps['afghanistan']);

​

    //set map container id (div)

    map.container('container');

​

    //initiate map drawing

    map.draw();

});