Homicides

By firearm per 1 million people

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <h2>
   Homicides by firearm per 1 million people
  </h2>
  <div id="chart_div"></div>
  <h2>
   <a href='http://www.vox.com/policy-and-politics/2015/12/4/9850572/gun-control-us-japan-switzerland-uk-canada'>Vox representation of the same data:</a>
  </h2>
  <img src="https://cdn3.vox-cdn.com/thumbor/I7QBftYOfcNZF5VOI5tIwMKJFl4=/800x0/filters:no_upscale()/cdn0.vox-cdn.com/uploads/chorus_asset/file/4119056/gun%20homicides%20developed%20countries.jpg" width="640px" />

JavaScript

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

function drawBasic() {

      var data = google.visualization.arrayToDataTable([
        ['Country', '',],
        ['Australia', 1.4],
        //['New Zealand', 1.6],
        ['Germany', 1.9],
        ['Austria', 2.2],
        //['Denmark', 2.7],
        //['Netherlands', 3.3],
        ['Sweden', 4.1],
        //['Finland', 4.5],
        ['Ireland', 4.8],
        ['Canada', 5.1],
        //['Luxembourg', 6.2],
        //['Belgium', 6.8],
        ['Switzerland', 7.7],
        ['United States', 29.7]
      ]);

      var options = {
        title: 'Homicides by firearm per 1 million people',
        //chartArea: {width: '69%'},
        height: 640,
        width: 640,
        hAxis: {
          title: '',
          //minValue: 0,
          //maxValue: 100000
        },
        vAxis: {
          title: '',
          minValue: 0,
          maxValue: 1000000
        }
      };

      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));

      chart.draw(data, options);
    }