   .enter().append('path')
     .attr('class', (d) -> "blockgroup")
     .attr('d', path)
-    .style('fill', (d) -> intensity(d.properties.b01001e1))
+    .style('fill', (d) -> intensity(d.properties.b01001e1)
+    )
+    .on('mouseover', tip.show)
+    .on('mouseout', tip.hide)
 
   vis.selectAll('.neighborhood')
     .data(neighborhoods.features)

path        = d3.geo.path().projection projection

tip = d3.tip().attr('class', 'tip').offset([-3, 0]).html (d) ->
  "<h3>#{d.name} <span>#{d.subject}</span></h3>
  <table>
    <tr>
      <th>2000</th>
      <th>2010</th>
      <th>% Change</th>
      <th>+/-</th>
    </tr>
    <tr>
      <td>#{format d.data[0]}</td>
      <td>#{format d.data[1]}</td>
      <td>#{d.data[3]}</td>
      <td>#{format d.data[2]}</td>
    </tr>
  </table>
  "

d3.json 'data/pdx.json', (pdx) ->
  neighborhoods = topojson.feature pdx, pdx.objects.neighborhoods

#= require mappings
#= require grid
return
width  = 900
height = 680
vis    = null
