       @ctx.fillRect(x+@leftPadding,y,2,2)
     if @marks
       for mark in @marks.all
-        scaledMin = ((mark.dataXMinRel - xMin) / (xMax - xMin)) * @canvas.width
-        scaledMax = ((mark.dataXMaxRel - xMin) / (xMax - xMin)) * @canvas.width
+        scaledMin = ((mark.dataXMinRel - xMin) / (xMax - xMin)) * (@canvas.width-@leftPadding)
+        scaledMax = ((mark.dataXMaxRel - xMin) / (xMax - xMin)) * (@canvas.width-@leftPadding)
         mark.element.style.width = (scaledMax-scaledMin) + "px"
         mark.element.style.left = (scaledMin) + "px"
         mark.save(scaledMin, scaledMax)
     # @highlightCurve(10,14) # test
+
+    gradient = @ctx.createLinearGradient(0,0,60,0);
+    gradient.addColorStop(0,'rgba(0,0,0,1.0)');
+    gradient.addColorStop(1,'rgba(0,0,0,0.0');
+    @ctx.fillStyle = gradient
+    @ctx.fillRect(0,0,60,@canvas.height)
+
+    # draw axes
+    @drawXTickMarks(xMin, xMax)
+    @drawYTickMarks(yMin, yMax)
+
     @scale = (@largestX - @smallestX) / (@xMax - @xMin)
     return
 

    tickMinorLength = 5
    tickMajorLength = 10
    tickWidth = 1
    tickColor = '#fc454'#323232' #'rgba(200,20,20,1)' 
    textColor = '#fc4541'#'#323232'
    textSpacing = 15
    majorTickInterval = 2
    minorTickInterval = 1

    @save(leftXPos, markRightX)

  save: (markLeftX, markRightX) ->

    #canvas coords
    @canvasXMin = markLeftX
    @canvasXMax = markRightX
