Spinny Globe with drag-and-drop-geojson-file support

forked from johan's block: Spinny Globe with drag-and-drop-geojson-file support

forked from anonymous's block: Spinny Globe with drag-and-drop-geojson-file support

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>d3.js Spinny Globe from Mike Bostock's SVG Open 2011 keynote</title>
    <script src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/d3@12.10.3/d3.geo.js"></script>
    <link type="text/css" rel="stylesheet" href="https://mbostock.github.com/d3/talk/20111018/style.css"/>
    <link type="text/css" rel="stylesheet" href="https://mbostock.github.com/d3/talk/20111018/colorbrewer/colorbrewer.css"/>
    <style type="text/css">

svg {
  width:  800px;
  height: 800px;
  pointer-events: all;
  border: 1px solid red;
}

circle {
  fill: #dbe4f0;
}

path {
  fill: #fff;
  stroke: #1696d2;
}
      
path.world{
  display:none;
}

path.grid{
  fill:none;
  stroke:#e0e0e0;
}

path.border{
  fill:none;
  stroke:#000001;
}
      
path.country{
  fill:#fff;
  stroke:#eee;
}
#header {
  top: 7px;
  left: 685px;
  text-align: right;
  width: auto;
}

#header div {
  font-size: 12px;
}

.tip { color: #999; }
    </style>
  </head>
  <body>
    <div id="body">
      <div id="header">
        d3.geo.azimuthal
        <div><label for="proj">Projection: </label><select id="proj">
          <option value="equalarea">equalarea</option>
          <option value="equidistant">equidistant</option>
          <option value="gnomonic">gnomonic</option>
          <option value="orthographic" selected>orthographic</option>
          <option value="stereographic">stereographic</option>
        </select></div>
        <div class="tip">drag to rotate the origin</div>
        <div><label for="animate">animate:</label>
          <input id="animate" type="checkbox" checked>
        </div>
      </div>
    </div>
    <script src="vis.js"></script>
    <script src="dnd.js"></script>
  </body>
</html>

Modified http://mbostock.github.com/d3/d3.js to a secure url

Modified http://mbostock.github.com/d3/d3.geo.js to a secure url

https://mbostock.github.com/d3/d3.js

https://mbostock.github.com/d3/d3.geo.js