title: Do browsers (chrome/firefox/safari) cull non-visible svg shapes?
body: <p>We currently have a screen reaching about 10000 shapes. We are allowing users to pan and zoom to explore.  I thought of a couple optimizations to keep using svg in the mid-term:  </p>
  
  <ol>
  <li>culling shapes not on screen (only writing objects in our viewport to the DOM)</li>
  <li>reducing edges when zoomed out</li>
  </ol>
  
  <p>These 2 tactics go hand in hand; however, I was wondering if shapes not already on screen are already culled and not "drawn" by most browser vendors. If not, is it presumably better maintain a quad tree of objects in the scene and render the current set of trees that intersect with our viewport?</p>