Round world

Path must have the same number of nodes to "transition" nicely

xxxxxxxxxx
 
<body>
  <div id='map'></div>
  <script src='https://d3js.org/d3.v3.min.js' charset="utf-8"></script>
  <script src="https://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
  <script src='https://polyshrink.s3.amazonaws.com/polymorph.js' charset='utf-8'></script>
  <script src="https://polyshrink.s3.amazonaws.com/countries.js"></script>
  <script src="script.js"></script>
  <style>
    body,html,svg,div#map {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
body {
  background-color: #2D2F30;
}
  </style>
</body>
    

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://d3js.org/topojson.v1.min.js to a secure url

Modified http://polyshrink.s3.amazonaws.com/polymorph.js to a secure url

Modified http://polyshrink.s3.amazonaws.com/countries.js to a secure url

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

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

https://polyshrink.s3.amazonaws.com/polymorph.js

https://polyshrink.s3.amazonaws.com/countries.js