     .entries(env.recruits)
 
   hotspots.sort (a, b) -> d3.descending(a.values, b.values)
-  topPlaces = hotspots[0..10].map (spot) -> spot.place = bygid[spot.key]; spot
+  topPlaces = hotspots[0..14].map (spot) -> spot.place = bygid[spot.key]; spot
 
   for recruit in env.recruits
     coordinates = env.projection [recruit.lat, recruit.lon]
     context.beginPath()
     context.arc coordinates[0], coordinates[1], radius(recruit.stars), 0, Math.PI * 2, false
-    context.fillStyle = env.colors[recruit.stars - 1]
-    context.shadowColor = env.colors[recruit.stars - 1]
+    context.fillStyle = 'rgba(223, 0, 83, 0.9)' #env.colors[recruit.stars - 1]
+    context.shadowColor = 'rgba(255, 255, 255, 0.5)'
     context.fill()
 
   context.restore()

  context.fillStyle = 'fff'
  context.lineWidth = 0.5
  context.strokeStyle = "333"

  for city in topPlaces
    place = city.place
    coordinates = env.projection [place.lon, place.lat]
    context.beginPath()
    context.arc coordinates[0], coordinates[1], 3, 0, Math.PI * 2, false
    context.fillText("#{place.name}", coordinates[0] + 5, coordinates[1] + 5)
    context.strokeText("#{place.name}", coordinates[0] + 5, coordinates[1] + 5)
    context.fill()
    context.stroke()

$(document).on 'data.loaded', render

  context.strokeStyle = "#333"
  context.stroke()

  context.shadowBlur = 1
  context.globalCompositeOperation = 'color-dodge'

  bygid = d3.nest()
