JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3js.org/d3.v3.js"></script>
<script src="http://d3js.org/queue.v1.min.js"></script>
<script src="https://gist.githubusercontent.com/anonymous/4e51227dd83be8c2311d/raw/7aaf1c6796a4da47061d1d9801c7c4345f6076f6/map.geojson"></script>

JavaScript

var width = 960;
	var height = 500;

	var svg = d3.select("body").append("svg").attr("width", width).attr("height", height);

	var offset = [width / 2, height / 2];

	var projection = d3.geo.mercator().scale(6000).center([15.474, 49.822]).translate(offset);
	var path = d3.geo.path().projection(projection);

	queue().defer(d3.json, "https://gist.githubusercontent.com/anonymous/4e51227dd83be8c2311d/raw/7aaf1c6796a4da47061d1d9801c7c4345f6076f6/map.geojson").await(ready);

	function ready(error, reg) {

	    var group = svg.selectAll("g").data(reg.features).enter().append("g");

	    group.append("path")

	        .attr("d", path).attr("fill", "red").attr("stroke", "#222");



	}