      .attr("x", (d) -> lowxScale(d))
      .attr("dominant-baseline", "middle")
      .attr("text-anchor", "middle")
+
 
   histline = d3.svg.line()
         .x((d,i) -> lowxScale(br2[i]))

    .on("mouseout", (d) ->
              d3.select(this).attr("opacity", "0")
            )

  # box around the outside
  lowsvg.append("rect")

       .attr("d", quline(j))
       .attr("class", "line")
       .attr("stroke", colors[j])

  # special rectangles in the background
  clickStatus = {}
  index = {}
  for d,i in data.ind
    clickStatus[d] = 0;
    svg.append("rect")
       .attr("x", xScale(i-0.5))
       .attr("y", yScale(data.quant[nQuant-1][d]))
       .attr("width", 2)
       .attr("id", d)
       .attr("height", yScale(data.quant[0][d]) - yScale(data.quant[nQuant-1][d]))
       .attr("fill", "blue")
       .attr("opacity", 0)

  # vertical rectangles representing each array
  indRectGrp = svg.append("g")
