html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function() {

​

  // load data

  anychart.data.loadJsonFile('https://static.anychart.com/demos/bubble-chart-tutorial/data.json', function (data) {

​

    // create a chart

    chart = anychart.bubble(data);

    // set a chart title

    chart.title("Top 30 Grossing Movies");

    // set titles for axes

    chart.xAxis().title("Years");

    chart.yAxis().title("Budget");

    // draw the chart

    chart.container("container").draw();

​

  })

​

});