             date = data.value
             series = data.series
             html = "<table class='col-sm-6'><thead><tr><td colspan='3'><strong class='x-value'>#{date}</strong></td></tr></thead><tbody>"
-            html += ("<tr><td class='legend-color-guide'><div style='background-color: #{d.color};'></div></td><td class='key'>#{d.key}</td><td class='value'>#{d.value * 100}%</td></tr><tr>" for d in series when d.key isnt 'NOW').join('')
+            html += ("<tr><td class='legend-color-guide'><div style='background-color: #{d.color};'></div></td><td class='key'>#{d.key}</td><td class='value'>#{d3.format(',%')(d.value)}</td></tr><tr>" for d in series when d.key isnt 'NOW').join('')
             html += "</tbody></table>"
             html
       height: 440

      xAxis:
        axisLabel: "Time"
        tickFormat: xAxisTickFormatDateFormat
      yAxis:
        axisLabel: "Tasks Remaining"
        tickFormat: yAxisTickFormatPercentFormat

      if d[1] < 0.0 then 0 else d[1]

    #
    # Graph unit dates as moment.js dates
    #
    dates = {
      start: moment($scope.unit.start_date)
      # represent the graph as 2 weeks after the unit's end date
      end:   moment($scope.unit.end_date).add(2, 'weeks')
    }

    #
    # Converts a moment date to a Unix Time Stamp in seconds
    #
    toUTS = (momentDate) ->
      +momentDate / 1000

    #
    # X domain is defined as the unit's start date to the unit's end date add two weeks
    #
    xDomain = [
      toUTS(dates.start),
      toUTS(dates.end)
    ]
    #
    # X axis ticks is each week (weeks + 2)
    #
    #
    weeksTotal = dates.end.diff(dates.start, 'weeks')

    ticks = ( toUTS(moment(dates.start).add(i, 'weeks')) for i in [0..weeksTotal] )

    [$scope.options, $scope.config] = Visualisation 'lineChart', 'Student Progress Burndown Chart', {
      useInteractiveGuideline: yes
