title: d3 Node Labeling
body: <p>I've been using the sample code from <a href="http://bl.ocks.org/2926502" rel="noreferrer">this d3 project</a> to learn how to display d3 graphs and I can't seem to get text to show up in the middle of the circles (similar to <a href="http://mbostock.github.com/d3/ex/bubble.html" rel="noreferrer">this example</a> and <a href="http://mbostock.github.com/d3/ex/pack.html" rel="noreferrer">this example</a>). I've looked at other examples and have tried adding</p>
  
  <pre><code>node.append("title").text("Node Name To Display")
  </code></pre>
  
  <p>and</p>
  
  <pre><code>node.append("text")
      .attr("text-anchor", "middle")
      .attr("dy", ".3em").text("Node Name To Display")
  </code></pre>
  
  <p>right after node is defined but the only results I see is "Node Name To Display" is showing up when I hover over each node. It's not showing up as text inside the circle. Do I have to write my own svg text object and determine the coordinates of that it needs to be placed at based on the coordinates of radius of the circle? From the other two examples, it would seem like d3 already takes cares of this somehow. I just don't know the right attribute to call/set.</p>