An Example of a Google Bar Chart

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <div id="curve_chart" style="width: 900px; height: 500px"></div>

JavaScript

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

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Version', 'Runtime'],
          ['1.0.0',  1.741],
          ['1.1.0',  1.777],
          ['1.2.0',  1.798],
          ['1.3.0',  1.813],
          ['1.4.0',  1.870],
          ['1.5.0',  1.866],
          ['1.6.0',  1.612],
          ['1.7.0',  1.724],
          ['1.8.0',  1.342],
          ['1.9.0',  1.951],
          ['1.10.0', 0.796],
          ['1.11.0', 0.777],
          ['1.12.0', 0.797],
          ['1.12.1', 0.780],
          ['2.0.0', 0.766],
          ['2.1.0', 0.818],
          ['2.2.0', 0.793],
          ['2.3.0', 0.756],
          ['2.4.0', 0.746],
          ['2.5.0', 0.748],
          ['2.6.0', 0.975],
          ['2.7.0', 0.712],
          ['2.8.0', 0.752],
          ['2.9.0', 0.703],
          ['2.9.1', 0.708],
          ['2.10.0', 0.725],
          ['2.11.0', 0.730],
          ['2.12.0', 0.726],
          ['2.13.0', 0.592],
          
        ]);

        var options = {
          title: 'scc performance linux kernel',
          curveType: 'function',
          legend: { position: 'bottom' }
        };

        var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

        chart.draw(data, options);
      }