title: D3 Brush coordinates under CSS transform scale
body: <p>D3 brush does not function properly under css transform scale.   When svg is under div element, and div element is transformed using CSS scale, the brush operation shows wrong coordinates.  </p>
  
  <p>To demonstrate this case, here is the <a href="http://jsfiddle.net/intuinno/5cpgkqhu/2/" rel="nofollow">jsFiddle</a>.</p>
  
  <p>It is simple modification from <a href="http://bl.ocks.org/mbostock/4560481" rel="nofollow">Bostock's Brushable Network example</a>. </p>
  
  <p>What I did was simply putting SVG in the div element and made div element zoom 50% using CSS transform scale(0.5).  And the brushing coordinates are not updating because of zooming.  </p>
  
  <pre><code>#test {
  transform: scale(0.5);
  }
  </code></pre>
  
  <p>Thanks. </p>
  
  <p>Deok </p>