Lieux les moins habités

forked from chacha005's block: Lieux les moins habités

<!DOCTYPE html>
<head>
  
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>
  <script> 
    // Feel free to change or delete any of the code you see in this editor!
    var svg = d3.select("body").append("svg")
      .attr("width", 960)
      .attr("height", 500)
    .style ("background","lightblue");
    
 //projection = d3.geoOrthographic();
   //projection = d3.geoEquirectangular();
  //projection = d3.geoStereographic();
  //projection = d3.geoGnomonic();
    //projection = d3.geoConicEqualArea();
    //projection = d3.geoTransverseMercator();
    projection = d3.geoAzimuthalEqualArea();

path = d3.geoPath(projection);
    
    continents = svg.append("path");
    
    villes = svg.append("path")
    .attr('fill', 'yellow');
      
    // https://bit.ly/2smBkF7 
    d3.json("https://rawgit.com/visionscarto/some-geo-data/master/ne_110m_admin_0_countries/countries.geojson", function(err,json) {
      continents.datum(json);
    });

d3.timer(function(elapsed){
     projection.rotate([elapsed / 145,0,0]);
     //projection.scale(elapsed/66) 
       continents.attr("d",path);
       villes.attr("d", path);
    })
    
     d3.csv('tableau ville.csv', function(err, csv){
       villes
         .datum({
         type:"MultiPoint",
         coordinates: csv.map(function(d) {
           return [+d.longitude, +d.latitude];
         })
         .filter(function(d) {
           return d[0]!=0 && d[1] != 0;
         })
       })
     })
     
  </script>
</body>

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