google.charts.load('current', { 'packages': ['corechart'] });
google.charts.setOnLoadCallback(drawSeriesChart);

function drawSeriesChart() {

    var data = google.visualization.arrayToDataTable([
        ['ID', 'Life Expectancy', 'Fertility Rate', 'Region', 'Population'],
        ['', 80.66, 1, 'True Positive', 33739900],
        ['', 79.84, 1, 'False Positive', 81902307],
        ['', 78.6, 1, 'False Positive', 5523095],
        ['', 72.73, 1, 'Anomolous Safe', 79716203],
        ['', 80.05, 1, 'False Positive', 61801570],
        ['', 72.49, 1, 'Anomolous Safe', 73137148],
        ['', 68.09, 1, 'Anomolous Safe', 31090763],
        ['', 81.55, 1, 'Anomolous Safe', 7485600],
        ['', 68.6, 1, 'False Positive', 141850000],
        ['', 78.09, 1, 'True Positive', 307007000]
    ]);

    var options = {
        title: '',
        hAxis: { title: '' },
        vAxis: { title: '' },
        backgroundColor: '#153549',
        bubble: { textStyle: { fontSize: 11 } },
        colorAxis: { colors: ['#1d86c7', '#5589a9', '#274654'] },
        colors: ['#1d86c7', '#5589a9', '#274654', '#1d86c7', '#5589a9', '#274654', '#1d86c7', '#5589a9', '#274654', '#1d86c7'],
        tooltip: { trigger: 'none' }
    };

    var chart = new google.visualization.BubbleChart(document.getElementById('series_chart_div'));
    chart.draw(data, options);
}
