title: How to display names next to bubbles in d3js motion chart
body: <p>In Mike Bostocks example <a href="http://bost.ocks.org/mike/nations/" rel="nofollow noreferrer">http://bost.ocks.org/mike/nations/</a> there is so much data that putting the names of the countries there would make it chaotic, but for a smaller project I would like to display it.</p>
  
  <p><img src="https://i.stack.imgur.com/oeDcZ.png" alt="enter image description here"></p>
  
  <p>I found this in the source: </p>
  
  <pre><code>var dot = svg.append("g")
    .attr("class", "dots")
  .selectAll(".dot")
    .data(interpolateData(2004))
  .enter().append("circle")
    .attr("class", "dot")
    .style("fill", function(d) { return color(d); })
    .text(function(d) { return d.name; })
    .call(position)
    .sort(order);
  
  dot.append("title")
    .text(function(d) { return d.name; });
  </code></pre>
  
  <p>But somehow a title never shows up. Does anybody have an idea, how to display the name, next to the bubble?</p>