title: d3.js v5 : Unable to get data points to show on map of US
body: <p>I can successfully get a map of the US to render however, my data points do not.  (I understand that d3.js made some significant changes with v5 so please note that similar questions previously asked do not apply)  </p>
  
  <pre><code>$(document).ready(function () {
  
  var us = d3.json('https://unpkg.com/us-atlas@1/us/10m.json');
  var meteoriteData = d3.json('https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json');
  
  var svg = d3.select("svg")
      .style("width", "1110px")
      .style("height", "714px");
  
  var path = d3.geoPath();
  
  Promise.all([us, meteoriteData]).then(function (values) {
  
      var map = values[0];
      console.log("map", map);
  
      var meteoriteData = values[1];
      console.log("meteoriteData", meteoriteData);
  
      svg.append("g")
          .attr("fill", "#ccc")
          .selectAll("path")
          .data(topojson.feature(map, map.objects.states).features)
          .enter().append("path")
          .attr("d", path),
  
          svg.append("path")
              .datum(topojson.mesh(map, map.objects.states, (a, b) =&gt; a !== b))
              .attr("fill", "none")
              .attr("stroke", "white")
              .attr("stroke-linejoin", "round")
              .attr("pointer-events", "none")
              .attr("d", path),
  
          svg.selectAll("circle")
              .data(meteoriteData)
              .enter()
              .append("circle")
              .attr("class", "circles")
              .attr("cx", function (d) { return ([d.geometry.coordinates[0], d.geometry.coordinates[1]])[1]; })
              .attr("cy", function (d) { return ([d.geometry.coordinates[0], d.geometry.coordinates[1]])[0]; })
              .attr("r", "1px");
  });
  </code></pre>
  
  <p>});</p>
  
  <p>And a working copy can be found here.. <a href="https://codepen.io/lady-ace/pen/PooORoy" rel="nofollow noreferrer">https://codepen.io/lady-ace/pen/PooORoy</a></p>