title: d3 drawing is too big for containing div
body: <p>When I draw a chart using d3, I create a div called <code>node</code>. I append this <code>node</code> to the body, set the <code>node</code> as a property on the controller that draws the chart inside the <code>node</code>). In my function that resizes the width I use to draw the chart, I say, <code>this.width = this.node.width()</code>, and when I draw the chart, I have:</p>
  
  <pre><code>vis = d3.select(this.node)
      .append('svg:svg')
      .attr('width', self.width)
  </code></pre>
  
  <p>Why does the d3 drawing appear to be bigger than the div that contains the chart? In this screenshot, you can see the chart appears cut off on the right.
  <img src="https://i.stack.imgur.com/05hda.png" alt="cut-off chart"></p>
  
  <p>When I stretch the screen to the right, I can see more of the graph, but no matter how far I stretch it, I can't see all of the graph.</p>