<!doctype html>
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.8/d3.min.js" type="text/JavaScript"></script>
  </head>
  <body>
    <div id="viz">
      <svg style="width:600px;height:600px;" ></svg>
    </div>
    
    <script>
    
      d3.csv("../data/boxplot.csv", scatterplot);
      
      function scatterplot(data) {
        xScale = d3.scaleLinear().domain([1,8]).range([20,470]);
        yScale = d3.scaleLinear().domain([0,100]).range([480,20]);
        
        yAxis