title: Confusing paths when using D3 and topojson?
body: <p><em>A bit of forewarning: still a novice with D3.</em></p>
  
  <p>Right now, I'm following along with Mike Bostock's <a href="http://bost.ocks.org/mike/map/" rel="nofollow">Let's Make a Map</a> guide, but instead of the UK, I'm using a map of the electoral districts in Alberta, Canada. After altering Bostock's code to load in my own TopoJSON with the Alberta data, <a href="https://i.imgur.com/uZrc2wi.png" rel="nofollow">here is what appears</a>.</p>
  
  <p>I've spent a lot of time trying to figure out whether I'm not spotting an error in my code, or if there's possibly some kind of error in the geodata, but I've been unable to narrow down exactly where the problem might lie. Based on some other questions on here, my suspicion is that it might have something to do with the projection, perhaps something having to do with the difference in the way Bostock is representing the UK versus what I need to do to represent Alberta properly, but I really am at a loss when it comes to that.</p>
  
  <p>One thing to note is that an error pops up in the JS console: <code>Error: Invalid value for &lt;path&gt; attribute</code> which is what makes me question if there's something amiss in the TopoJSON data, however when I pull that same data into Mapshaper, the map shows up without error.</p>
  
  <p>Thus, I'm kind of stuck and unsure of how to proceed. Any kind of help/direction is appreciated, thanks!</p>