https://stackoverflow.com/questions/26534226

An example of a Google Scatter Chart.

by juvian

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawChart);
      function drawChart() {
   var data = google.visualization.arrayToDataTable([
    ['Diameter', 'Age'],
    [8, 37], [4, 19.5], [50, 52], [84, 22], [3, 16.5], [6.5, 32.8], [14, 72]]);

  var options = {
    title: 'Age of sugar maples vs. trunk diameter, in inches',
    hAxis: {title: 'Diameter'},
    vAxis: {title: 'Age'},
      focusTarget:  'datum',
    legend: 'none',
      trendlines: { 0: {tooltip: false} }    // Draw a trendline for data series 0.
  };

          
  var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
          
          google.visualization.events.addListener(chart, 'onmouseover', function(e){
              $('svg *:contains("* x")').each(function(){
                  $(this).text('')
              })
          })

          
  chart.draw(data, options);
      }