html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // load data from a json file

  anychart.data.loadJsonFile(

    "https://gist.githubusercontent.com/shacheeswadia/8f45da54d9bf2032fee201dbfc79e0e4/raw/5d10d58f40b4a1d994cef36dbc64545ef90ead80/queenVisits.json",

    function (data) {

​

      // create a dataset

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

​

      // create a map instance

      let map = anychart.map();

​

      // set the geodata

      map.geoData("anychart.maps.world");

      // create a choropleth series

      let series = map.choropleth(dataSet);

​

      // set the map colors

      series

        .colorScale(

          anychart.scales.linearColor("#f2f2f2", "#42a5f5", "#1976d2", "#233580")

        );

​

      // set the map title

      map.title("State Visits Made by Queen Elizabeth II");

​

      // set the container

      map.container("container");

​

      // initiate the map drawing

      map.draw();

    }

  );

​

});