       .style('stroke', 'none')
       .style('fill', '#9fa8da')
       .style('opacity', 0.5)
-      .transition().duration(1000)
+      .transition().duration(transitionDuration)
         .attrTween('d', tweener(area))
     entering.append('path')
       .attr('class', 'line')
       .style('fill', 'none')
       .style('stroke-width', 2)
       .style('stroke', '#1a237e')
-      .transition().duration(1000)
+      .transition().duration(transitionDuration)
         .attrTween('d', tweener(line))
     entering.append('g')
       .attr('class', 'y axis')

    x.domain([0, data.length-1])
    y = d3.scale.linear().range([height - margin.top, margin.bottom])
    y.domain([0, 1])

    xAxis = d3.svg.axis()
      .scale(x)

  renderTemplate: (@context) ->
    @el.html(@template(@context))

  render: (@context, doTransition = true) ->
    @el.html(@template(@context))

    data = @context.probs.map (x, i) ->
