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":"DE.NW","value":0},

            {"id":"DE.BW","value":1},

            {"id":"DE.HE","value":2},

            {"id":"DE.HB","value":3},

            {"id":"DE.NI","value":4},

            {"id":"DE.TH","value":5},

            {"id":"DE.HH","value":6},

            {"id":"DE.SH","value":7},

            {"id":"DE.RP","value":8},

            {"id":"DE.SL","value":9},

            {"id":"DE.BY","value":10},

            {"id":"DE.BE","value":11},

            {"id":"DE.ST","value":12},

            {"id":"DE.SN","value":13},

            {"id":"DE.3562","value":14},

            {"id":"DE.MV","value":15}]

  );

​

  // 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.hovered().fill('#addd8e');

​

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

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

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

​

  //set map container id (div)

  map.container('container');

​

  //initiate map drawing

  map.draw();

});