title: D3 canvas globe mouse events
body: <p>An example of D3 canvas globe:
  <a href="http://bl.ocks.org/mbostock/4183330" rel="nofollow">http://bl.ocks.org/mbostock/4183330</a></p>
  
  <p>What I'm trying to do is click on a country and have the globe rotate so that country is centered on the globe.</p>
  
  <p>How do I do add an eventlistener (D3's .on or jQuery's .bind or plain addEventListener) to the country shapes so I can figure out which country I've clicked on?</p>
  
  <p>Thoughts?</p>