D3 Examples - France Map

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>
​
<body>
  <script>
var body=d3.select("body");
    
var svg=body.append("svg");
    
svg.attr({"width":"600px","height":"600px"});
    
var path = d3.geo.path();
    
var projection = d3.geo.conicConformal()
    .center([2.454071, 46.279229])
    .scale(3000)
    .translate([300,300]);
    
path.projection(projection);
    
d3.json("departments.json", function(geoJSON) {
    var map=svg.selectAll("path").data(geoJSON.features)
    map.enter()
        .append("path")
        .attr("fill","white")
        .attr("stroke","black")
        .attr("d", path);
});
    
  </script>
</body>
​
    