          .on("mouseout", -> d3.select(this).attr("opacity", "0"))
 
 
+  # label quantiles on right
+  rightAxis = svg.append("g")
+
   for j in [0...nQuant]
-    svg.selectAll("text.qu")
+    rightAxis.selectAll("text.qu")
        .data(data.qu)
        .enter()
        .append("text")

     .attr("y2", (d) -> yScale(d))
     .attr("stroke", "white")

  svg.selectAll("text.axis")
     .data([-1, -0.75, -0.5, -0.25, 0, 0.25, 0.5, 0.75, 1])
     .enter()
     .append("text")

       .attr("dominant-baseline", "middle")


  # box around the outside
  svg.append("rect")
     .attr("x", pad)
     .attr("y", pad)
     .attr("height", h-2*pad)
     .attr("width", w-2*pad)
     .attr("stroke", "black")
     .attr("stroke-width", 2)
     .attr("fill", "none")


# load json file and call draw function
d3.json("hypo.json", draw)
