title: d3 not appending/updating points to leaflet map
body: <p>I'm attempting to get a FeatureCollection GeoJSON of point data to append to a leaflet map using D3 v4. Here's a jsfilddle with the relevant code:
  <a href="https://jsfiddle.net/op103ufm/" rel="nofollow noreferrer">https://jsfiddle.net/op103ufm/</a></p>
  
  <p>I have two major problems:</p>
  
  <ol>
  <li><p>The data is not appending at all (only a g element is created in the DOM).</p></li>
  <li><p>At some point I got data to append, but when zooming into the map, the circles got clipped off. As I understand this is because I am not getting the bounds on zooming, but I have also been unable to fix this issue. In fact, as you can see I'm getting bounds with leaflet methods because using the d3 method returned <code>Infinty</code> for the bounds.</p></li>
  </ol>
  
  <p>Any suggestions as to how to proceed would be super appreciated!</p>
  
  <p>Thanks so much.</p>
  
  <p>Also, this is a structure of the parsed GeoJSON (I had to convert from a regular CSV).<a href="https://i.stack.imgur.com/1dyh7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1dyh7.png" alt="geJSON"></a></p>