How does surface water pH vary over time in Elliott Bay?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Surface water pH</title>
    <script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script>
    <style type="text/css">
      
      body {
        background-color: #eeeeee;
      }

svg {
        background-color: white;
        border: 1px solid gray;
      }
      
      svg rect {
        fill: black;
      }

</style>
  </head>
  <body>

// now right hand chart
      var rightSVG = d3.select("body")
            .append("svg")
            .attr("width", chartwidth)
            .attr("height", chartheight);
      
      d3.csv("buoy_data_by_day.csv", function(data) { 
        console.log("Data by date loaded!")
        console.log("First 6 rows:")
        for (i=0; i<6; i++) {
          console.log(data[i])
        }
        var rightCols = rightSVG.selectAll("rect")
                              .data(data)
                              .enter()
                              .append("rect")
                              .attr("y", function(d) {
                                if (d === 0) { return chartheight; }
                                else {
                                  return chartheight - ((d.top_pH-7.6) * chartheight * 1.4);
                                }
                              })
                              .attr("width", (chartwidth / data.length))
                              .attr("x", function(d,i) {
                                return i * (chartheight/data.length);
                              })
                              .attr("height", chartheight)
                              .append("title")
                              .text(function(d) {
                                return "Average surface pH on "+d.Date+": "+Number(d.top_pH).toFixed(3);
                              }); 
          })    
          var rightTitle = rightSVG.append("text")
                                  .attr("y", 20)
                                  .attr("x", chartwidth - 200)
                                  .text("Average pH by day");

</script>

</body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js