Bar Chart Graph

User

HTML

<html>
  <head>
   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
    google.charts.load("current", {packages:['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ["Girls", "Density", { role: "style" } ],
        ["Boys", 8.94, "#b87333"],
        ["Child", 10.49, "silver"],
        ["Adult", 19.30, "gold"],
        ["Old", 21.45, "color: #e5e4e2"]
      ]);

var view = new google.visualization.DataView(data);
      view.setColumns([0, 1,
                       { calc: "stringify",
                         sourceColumn: 1,
                         type: "string",
                         role: "annotation" },
                       2]);

CSS

JavaScript