title: How can I get custom SVG paths to zoom correctly in D3?
body: <p>I have a map that I'm rendering with D3 that includes location markers that are SVG paths. I went the SVG path route for the markers so they would scale well when the map zooms. However, I can't seem to figure out how to make that actually happen.</p>
  
  <p>You can see my example code <a href="http://bl.ocks.org/activeshadow/86f232f4b1ca485dfd91" rel="nofollow">here</a>. Try moving or zooming the map and you'll see that the markers go away.</p>
  
  <p>I <em>think</em> what might be happening is since I'm not attaching the path data to the path element when I create it, the geo path projection object doesn't know how to scale it. Not sure why the location markers simply disappear when I move the map, nor do I know the proper way to attach  the data to the element. I tried passing in the path data to the <code>data()</code> method but that didn't seem to work... any ideas?</p>
  
  <p>Thanks!</p>