     markLeftX = Math.max @startingPoint - @maxWidth(), Math.min @startingPoint, @toCanvasXPoint(e)
     markRightX = Math.max @startingPoint, @toCanvasXPoint(e)
 
-
+    # no overlapping of marks
     markLeftX = (Math.max markLeftX, (@closestXBelow || markLeftX))
     markRightX = (Math.min markRightX, (@closestXAbove || markRightX))
 
+    # max and min width on creating / resizing marks
     width = (Math.min (Math.max (Math.abs markRightX - markLeftX), @minWidth()), @maxWidth())
-
 
     @element.style.left = markLeftX + "px"
     @element.style.width = width + "px"

      e.preventDefault()
      @mark = new Mark(e, @)
      @marks.create(@mark)
      @mark.onMouseDown(e)
      @mark.dragging = true
      @mark.draw(e)

  plotPoints: (xMin = @smallestX, xMax = @largestX) ->
    @xMin = xMin

    @element.style.textAlign = 'center'

    @startingPoint = @toCanvasXPoint(e) - @minWidth()

    @dragging = true

    @element.addEventListener 'mousemove', @updateCursor
    @element.addEventListener 'mousedown', @onMouseDown
