    .style("text-anchor", "middle")
    .style("font-size", "20px")
 
+# function to create the scatterplot
+# (see http://kbroman.org/d3panels)
 myscatter = scatterplot().xvar("x")
                          .yvar("y")
                          .xlab("X")

# plot Anscombe's quartet, with mongoDB on the back end

height = 500
width  = 800
left_width = 80
gap = 10
button_size = 20
rad = 3
color = "#6A5ACD" # slateblue
hilit = "#C71585" # violetred
margin = {left:60, top:40, right:40, bottom:40, inner:5}

   .attr("fill", color)
   .on("mouseover", (d) -> d3.select(this).attr("fill", hilit))
   .on("mouseout", (d) -> d3.select(this).attr("fill", color))
   .on("click", (d) -> make_plot(d)) # <- click a button and make the plot

# add text next to the buttons
svg.selectAll("empty")
   .data(sets)
   .enter()
