D3 Examples - crime rate (us cities) scatterplot

xxxxxxxxxx
 
<!doctype html>
<head>
<meta charset="utf-8">
<head>
<body>
<div id="viz"></div>
<script src="//d3plus.org/js/d3.js"></script>
<script src="//d3plus.org/js/d3plus.js"></script>
<script>
  function type(d) {
    var row = {
      murders: +d.murder,
      'murder rate per 100k': +d.murder_rate,
      city: d.city,
      '2015 Population': +d.pop_2015
    };
    return row;
  }
​
d3.csv("crime-in-us-2015.csv", type, function(error, data) {
  if (error) {
    throw error;
  }
​
  var visualization = d3plus.viz()
    .container('#viz')  // container DIV to hold the visualization
    .data(data)  // data to use with the visualization
    .type('scatter') // visualization type
    .id('city')  // key for which our data is unique on
    .x('2015 Population') // key for x-axis
    .y('murders') // key for y-axis
    .size('murder rate per 100k')
    .draw()
​
  });
</script>
</body>
</html>
​
    