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.868],
          ['1.1.0',  1.833],
          ['1.2.0',  1.882],
          ['1.3.0',  1.897],
          ['1.4.0',  1.971],
          ['1.5.0',  1.982],
          ['1.6.0',  1.755],
          ['1.7.0',  1.801],
          ['1.8.0',  1.357],
          ['1.9.0',  1.905],
          ['1.10.0', 0.805],
          ['1.11.0', 0.793],
          ['1.12.0', 0.782],
          ['1.12.1', 0.787],
          ['2.0.0', 0.770],
          ['2.1.0', 0.837],
          ['2.2.0', 0.796],
          ['2.3.0', 0.758],
          ['2.4.0', 0.756],
          ['2.5.0', 0.754],
          ['2.6.0', 0.994],
          ['2.7.0', 0.735],
          ['2.8.0', 0.759],
          ['2.9.0', 0.718],
          ['2.9.1', 0.721],
          ['2.10.0', 0.758],
          ['2.11.0', 0.760],
          ['2.12.0', 0.755],
          ['2.13.0', 0.742],
          ['3.0.0', 0.616],
                    ['3.0.0', 0.616]
        ]);

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