World Continents with D3v4 with Labels

World Map of Continents with D3v4

Europe Asia split in Russia
Rotated for better Alaska Russia split

forked from piwodlaiwo's block: World Continents with D3v4

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="https://d3js.org/topojson.v2.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%;height:100% }
    path {fill:none;}
    .graticule {
      fill: none;
      stroke: #bbb;
      stroke-width: .5px;
      stroke-opacity: .5;
    }
  </style>
</head>

<body>
  <script>
    var width = 960;
    var height = 500;
    
    var color = d3.scaleOrdinal(d3.schemeCategory20);

/*
      svg.selectAll(".centroid").data(centroids)
    	 .enter().append("circle")
       .attr("class", "centroid")
       .attr("fill", "rgba(255, 49, 255, 0.388)")
       .attr("stroke", "rgba(0, 0, 0, 0.5)")
       .attr("stroke-width", 0.1)
       .attr("r", 16)
       .attr("cx", function (d){ return d[0]; })
       .attr("cy", function (d){ return d[1]; });
*/

svg.selectAll(".name").data(centroids)
    	 .enter().append("text")
       .attr("x", function (d){ return d[0]; })
       .attr("y", function (d){ return d[1]; })
       //.attr("dy", 5)
 		   .style("fill", "black")
       .attr("text-anchor", "middle")
       .text(function(d,i) {return continents[i].properties.continent ;});
      
      /*
       .attr("x", function(d) { return projection([d.lon, d.lat])[0]; })
       .attr("y", function(d) { return projection([d.lon, d.lat])[1]; })
       */

})

</script>
</body>

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

https://d3js.org/topojson.v2.min.js