​

anychart.onDocumentReady(function() {

  anychart.data.loadCsvFile("https://raw.githubusercontent.com/WaydeHerman/ScatterPlot/master/data.csv", function (data) {

​

    // create the chart

    chart = anychart.scatter();

​

    // assign the data to a series

    var series1 = chart.bubble(data);

​

    // adjust bubble min/max size

    chart.minBubbleSize("2%");

    chart.maxBubbleSize("10%");

​

    // add data for line

    var data2 = [

      {x: 0.0, value: 0.0},

      {x: 60, value: 60}

    ];

​

    // assign the line data to a line series

    var series2 = chart.line(data2);

​

    // set title

    chart.title("% of Cats v Dogs per state");

    // set axes titles 

    chart.xAxis().title("% Cats");

    chart.yAxis().title("% Dogs");

​

    // enable major grids

    chart.xGrid(true);

    chart.yGrid(true);

    // configure the visual settings of major grids

    chart.xGrid().stroke({color: "#212D40", thickness: 0.3});

    chart.yGrid().stroke({color: "#212D40", thickness: 0.3});

​

    // enable minor grids

    chart.xMinorGrid(true);

    chart.yMinorGrid(true);

​

    // configure the visual settings of minor grids

    chart.xMinorGrid().stroke({color: "#212D40", thickness: 0.15, dash: 5});

    chart.yMinorGrid().stroke({color: "#212D40", thickness: 0.15, dash: 5});

​

    // draw chart

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

​

  });

})