JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
<div id="chart">

</div>

CSS

#state-borders {
    fill: none;
    stroke: #333;
    stroke-width: 1.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    pointer-events: none;
}

JavaScript

d3.json('https://d3js.org/us-10m.v1.json', function(states) {

 	var width = 534;
  var height = 400;
  var centered;


  var path = d3.geo.path().projection(null);
  var svg = d3.select('#chart').append('svg');

  svg.attr('width', width);
  svg.attr('height', height);
  
  svg.append('path')
      .datum(topojson.mesh(states, states.objects.states, function(a, b) { return a !== b; }))
    .attr('id', 'state-borders')
    .attr('d', path);
});