title: Why can't I get the Bounding Box of this d3.js text?
body: <p>I have the the following code that successfully draws my text onto an SVG using d3.js:</p>
  
  <pre><code>var myRect = svgContainer.append("text")
      .attr("x", 10)
      .attr("y", 20)
      .text("Lorem Ipsum")
      .attr("font-weight", "bold")
      .attr("fill", "white");
  </code></pre>
  
  <p>Now I want to get the bounding box of that text. How do I do it?? I tried the following:</p>
  
  <pre><code>console.log("getBBox = ", myRect.getBBox());
  </code></pre>
  
  <p>But it gave me this error: </p>
  
  <pre><code>Uncaught TypeError: myRect.getBBox is not a function
  </code></pre>