     @data = data
     @svgLine.datum @data
 
-    @resize()
+    @reveal()
 
   setDimensions: =>
     areaDims = @area.node().getBoundingClientRect()

    _.forEach(JSON.parse($("#json-stats").text()), (e, i) -> data.push(new Object({'x': i, 'y': e.users_osu})))

    @svgEndCircle = @svgWrapper.append 'circle'
      .classed 'chart__hover-mark chart__hover-mark--small chart__line--yellow', true
      .attr 'r', 2

    @loadData data



  drawLine: =>
    @svgLine
      .attr 'stroke-dasharray', 0
      .attr 'd', @line

  reveal: =>
    @recalc()

    @svgLine
      .attr 'd', @line

    totalLength = @svgLine.node().getTotalLength()

    @svgLine
      .attr 'stroke-dasharray', totalLength
      .attr 'stroke-dashoffset', totalLength
      .transition()
        .delay 500
        .duration 1000
        .ease d3.easeSinOut
        .attr 'stroke-dashoffset', 0
        .attr 'opacity', 1

    @svgEndCircle
      .transition()
        .delay 1400
        .duration 300
        .ease d3.easeSinOut
        .attr 'opacity', 1


  recalc: =>
    @setDimensions()

    @setScalesRange()
