Testing sf data converted to geojson

<!DOCTYPE html>
<meta charset="utf-8">
<style>

h1, h2 {
  font-family: "Lato", "Open Sans", "sans-serif";
  margin: 0px;
  padding: 3px;
}

.text-things {
  margin-bottom: 8px;
}

.tract { stroke: rgb(88, 88, 88)}
.tract:hover { opacity: 0.5; transition-delay: 500ms;}

</style>

<div class="text-things">
    <h1>Testing sf data converted to geojson</h1>    
</div>

d3.queue()
  .defer(d3.json, "rig_counts.json")
  .await(ready);

function ready(error, data) {
  if (error) throw error;

var path = d3.geoPath()
      .projection(d3.geoAlbers()
          .fitExtent([[margin.left, margin.top], [width-margin.right, height-margin.bottom]], data)
      );
  
  svg.selectAll("path")
    .data(data.features)
    .enter().append("path")
      .attr("class", "tract")
      .attr("d", path);
};

</script>

https://d3js.org/d3.v4.min.js