title: Drawing LineStrings d3
body: <p>I'm having trouble wrapping my brain around drawing GeoJSON LineStrings to a map with d3. I'm using Leaflet (per Mike Bostock's example), and my page loads without error. However, nothing draws to my map.</p>
  
  <p>Any help would be appreciated!</p>
  
  <p>Snippet of my data:</p>
  
  <pre><code>{"type": "LineString", "coordinates":[[-74.12706, 40.734680000000004],...]}
  </code></pre>
  
  <p>Here's my relevant code:</p>
  
  <pre><code>/* Load the map */
  var map = new L.Map("map", {center: [40.7127, -74.0059], zoom: 10})
      .addLayer(new L.TileLayer(URL_TO_MY_TILES));
  
  function makemap(error, data){
      var svg = d3.select(map.getPanes().overlayPane).append("svg"),
          g = svg.append("g").attr("class", "leaflet-zoom-hide");
  
      var transform = d3.geo.transform({point: projectPoint}),
          path = d3.geo.path().projection(transform);
  
  
      var feature = g.selectAll("path")
          .data(data.coordinates)
          .enter().append("line")
          .attr("d","path")
  ...
  }
  </code></pre>