     .attr('width', width)
     .attr('height', height)
 
-  tip = d3.tip().attr('class', 'd3-tip').html (d) ->
+  tip = d3.tip().attr('class', 'd3-tip').offset([-10, 0]).html (d) ->
     if d.properties?
       p = d.properties
       name = if /county/i.test(p.name) then p.name else "#{p.name} County"

      .attr('d', path)

    for recruit in recruits
      recruit.position = projection [recruit.lat, recruit.lon]

    # recgroup = geometries.append('g')
    #   .attr('class', 'recruits')


        connections.exit().remove()

        recs = geometries.selectAll('.recruit')
          .data(players, (d) -> "#{d.name}:#{d.school}")

        recs.enter().append('circle')
          .attr('cx', (d) -> d.coordinates[0])
          .attr('cy', (d) -> d.coordinates[1])
          .attr('r', 2)
          .style('fill', (d) -> console.log d.stars; colors[d.stars - 1])
          .attr('class', 'recruit')
          .on('mouseover', tip.show)
          .on('mouseout', tip.hide)

        recs.exit().remove()

