                     @axis.x.ticks(d3.time.minutes.utc, 90).tickFormat(d3.time.format.utc('%Y-%m-%d %I:%M'))
                     @grid.x.ticks(d3.time.minutes.utc, 30)
 
-            # update brush 
+            # update brush
             @brush.x(@scales.x).extent(@brush.extent())
 
             # repaint the scales and axis

            .call(@grid.x)

        # brush
        @brush = d3.svg.brush()
            .x(@scales.x)
            .on('brushend', => 
                element.dispatchEvent(new CustomEvent('selectionChanged', { 
                    detail: {
                        start: @brush.extent()[0],
                        end: @brush.extent()[1]
                    }
                    bubbles: true, 
                    cancelable: true 
                }))
            )
            .extent([@options.brush.start, @options.brush.end])

        @root.append('g')


        d3.select(window).on('resize', resize)

        # zooming
        # (done via a seperate function, because we need to bind to two differen event listeners)
        zoom = =>
            if @debug
