       .enter().append('path')
         .attr('d', mapProjPath)
         .attr("fill", "#f0f0f0")
+        .on 'click', (d) -> clearNodeSelection()
 
     flows = svg.append("g")
       .attr("class", "flows")

  .json('map', "data/world-countries.json")
  .csv('countries', "data/aiddata-countries.csv")
  .onload (data) ->

    fitProjection(mapProj, data.map, [[0,20],[bubblesChartWidth, bubblesChartHeight*0.8]], true)


              flows.selectAll("line").remove()


    clearNodeSelection = ->
      if selectedNode != null
        d3.select(selectedNode).selectAll("circle").classed("selected", false)
        flows.selectAll("line").remove()
        selectedNode = null

    $(document).keyup (e) -> if e.keyCode == 27 then clearNodeSelection()


    bubble.append("circle")
