D3 Examples - a globe

xxxxxxxxxx
 
<html>
<head>
  <script type='text/javascript' src='https://d3js.org/d3.v4.min.js'></script>
  <script type='text/javascript' src='https://d3js.org/topojson.v3.min.js'></script>
  <script type='text/javascript' src='earthjs.min.js'></script>
  <style media="screen">
  .countries path {
      fill: rgb(117, 87, 57);
      stroke: rgb(80, 64, 39);
      stroke-linejoin: round;
      stroke-width: 1.5;
      opacity: 1;
  }
  .graticule path {
      fill: none;
      opacity: 0.2;
      stroke: black;
      stroke-width: 0.5;
  }
</style>
</head>
<body>
  <svg id="earth"></svg>
  <script>
    var g = earthjs();
    g.register(earthjs.plugins.graticuleSvg());
    g.register(earthjs.plugins.autorotatePlugin(10));
    g.register(earthjs.plugins.worldSvg('world-110m.json'));
    g._.options.transparent = true;
    g.ready(function(){
        g.create();
    })
  </script>
</body>
</html>
​
    