title: Zoomable Treemap overflowing labels
body: <p>I have taken the d3 ZoomableTreeMap example from <a href="http://bost.ocks.org/mike/treemap/" rel="nofollow noreferrer">here</a> and applied my own data to it. I am now trying to stop the text from overflowing outside of rectangle boundaries. As you can see in the following screenshot, this makes the vis very ugly and difficult to read, especially in the bottom right region.</p>
  
  <p><img src="https://i.stack.imgur.com/Lyaym.png" alt="enter image description here"></p>
  
  <p>I have tried setting the css property <strong>overflow: hidden</strong> for a few different elements but it seems to have no effect. Any idea why?</p>
  
  <pre><code>body {
      overflow: hidden;
  }
  
  text {
    overflow: hidden;
  }
  
  rect {
    overflow: hidden
  }
  </code></pre>