       if d3.event.which == 13
         jsonp(d3.event.target.value, create)
         d3.event.target.value = ''
-        
   svg = body.append('svg')
+  graph = svg.append('g').attr('class','graph')
+  brush = svg.append('g').attr('class','brush')
+    .attr
+      transform: "translate(0,#{innerHeight * .8})"
+      stroke: 'pink'
+      fill: 'red'
+      'stroke-width': '10'
+      'stroke-opacity': .3
+      'fill-opacity': .5
+    .call(d3.svg.brush().x(d3.scale.identity().domain([0, innerWidth])))
+    .on('brushstart', -> console.log 'strart')
+    .on('brush', -> console.log 'brush')
+    .on('brushend', -> console.log 'end')
+    .selectAll('rect')
+    .attr
+      rx: 15
+      ry: 15
+      height: '100px'
+
   test = "ocean"
   test && jsonp(test, create)
-
-x = 0
-rotate = ->
-  d3.selectAll('text').attr('rotate', -> x++)
 
 d3.select(window)
   .on('keydown', -> setInterval rotate, 10 if d3.event.which == 27)
   .on('load', init)
-  

log = -> window.debug != false && console.log.apply(console, arguments)

urls =
  search: (q) ->

  window.__cb__ = callback or -> log(arguments)
  d3.select('head').append('script').attr('src', urls.search(query))
  
drag = d3.behavior.drag().on 'drag', ->
  dx = d3.event.dx
  dy = d3.event.dy
