title: contour figure working with d3.js and Three.js
body: <p>I'm carrying a GeoJSON :</p>
  
  <p>(country.json -> <a href="https://github.com/johan/world.geo.json/blob/master/countries.geo.json" rel="nofollow">https://github.com/johan/world.geo.json/blob/master/countries.geo.json</a>) </p>
  
  <p>with coordinates worldwide in a variable named data. I then apply a .mesh. I want to add the outline to the figures of the countries, that is putting a new THREE.Line, but not how. I get confused because I do not drive much d3.js then no how. thank you very much.</p>
  
  <pre><code>            var countries = [];
              var i, j;
  
              // convert to threejs meshes
              for (i = 0 ; i &lt; data.features.length ; i++) {
                  var geoFeature = data.features[i];
                  var properties = geoFeature.properties;
                  var feature = path(geoFeature);
  
                  // we only need to convert it to a three.js path
                  var mesh = transformSVGPathExposed(feature);
  
                  // add to array
                  for (j = 0 ; j &lt; mesh.length ; j++) {
                        countries.push({"data": properties, "mesh": mesh[j]});
                  }
              }
  
              // extrude paths and add color
              for (i = 0 ; i &lt; countries.length ; i++) {
  
                  // create material color based on average       
                  var material = new THREE.MeshPhongMaterial({
                      color: "#000000", 
                      opacity:0.5
                  }); 
                  console.log(mesh)       
                  // extrude mesh
                  var shape3d = countries[i].mesh.extrude({
                      amount: 1, 
                      bevelEnabled: false
                  });
  
                  // create a mesh based on material and extruded shape
                  var toAdd = new THREE.Mesh(shape3d, material);
  
                  //set name of mesh
                  toAdd.name = countries[i].data.name;
  
                  // rotate and position the elements
                  toAdd.rotation.x = Math.PI/2;
                  toAdd.translateX(-490);
                  toAdd.translateZ(50);
                  toAdd.translateY(20);
  
                  // add to scene
                  scene.add(toAdd);
              }
  </code></pre>
  
  <p>I have all the figures of the countries on the map, I put the outline, ie put a line above:
      <a href="http://postimg.org/image/3v9mc2jet/" rel="nofollow">http://postimg.org/image/3v9mc2jet/</a></p>
  
  <p>I want the contour lines out as in Example (new three line ..):</p>
  
  <p><a href="http://postimg.org/image/qo5bqaon7/" rel="nofollow">http://postimg.org/image/qo5bqaon7/</a></p>