title: D3 geoJson map with semantic zooming
body: <p>There are many circles of different radius, text, and rectangles on the map. </p>
  
  <p>On Zoom all dots are getting zoomed.</p>
  
  <p>How can I exclude dots and text nodes from zoom?</p>
  
  <p>From different links I found that I can scale those circle to original size by doing something like this:</p>
  
  <pre><code>d3.selectAll("mycircle").attr("r", 5 / d3.event.transform.k);
  </code></pre>
  
  <p>But is this the right way? Because there are so many different sizes circle, text, and rectangles on my map.</p>
  
  <p><a href="https://i.stack.imgur.com/JuvEu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JuvEu.png" alt="enter image description here"></a></p>