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 (seconds)'],
          ['1.0.0',  2.028],
          ['1.1.0',  2.040],
          ['1.2.0',  2.141],
          ['1.3.0',  2.114],
          ['1.4.0',  2.215],
          ['1.5.0',  2.310],
          ['1.6.0',  1.999],
          ['1.7.0',  2.178],
          ['1.8.0',  1.590],
          ['1.9.0',  2.309],
          ['1.10.0', 0.910],
          ['1.11.0', 0.871],
          ['1.12.0', 0.869],
          ['1.12.1', 0.887],
          
          ['2.0.0', 0.837],
          ['2.1.0', 0.925],
          ['2.2.0', 0.896],
          ['2.3.0', 0.869],
          ['2.4.0', 0.866],
          ['2.5.0', 0.853],
          ['2.6.0', 1.125],
          ['2.7.0', 0.936],
          ['2.8.0', 0.943],
          ['2.9.0', 0.879],
          ['2.9.1', 0.844],
          ['2.10.0', 0.936],
          ['2.11.0', 0.927],
          ['2.12.0', 0.928],
          ['2.13.0', 0.911],
          ['3.0.0', 0.734],
          ['3.1.0', 0.740]
        ]);

        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);
      }