D3 Examples - d3 with three world tour

d3 with three world tour

textures for three mesh are generated with topojson and d3

d3 is used for transitions and interpolation

three.js renders the globe

Tested on os x Mavericks Chrome, Safari, Firefox.

Borks in Chrome Beta on my KitKat Android phone.

xxxxxxxxxx
 
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>d3 with three world tour</title>
  <link rel="stylesheet" href="globe-tour.css">
</head>
<body>
  <h3>Touring with d3 and three</h3>
  <div id="three-box">
    <h2 id="slug">Loading...</h2>
  </div>
  <canvas id="d3-canvas" width="2048px" height="1024px" style="display: none;"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r71/three.min.js"></script>
  <script src="globe-tour.js"></script>
</body>
</html>
    