Circles in Map Displayed Incorrect Location in D3 V4

Your US json is already projected, and to show it you use a null projection: var path = d3.geoPath() //.projection(projection) Without defining a projection, your topojson/geojson coordinates will be translated to straight pixel coordinates. It just so happens that this particular topojson file has pixel coordinates that are within [0,0] and [960,600], almost the same … Read more

D3.js Map with Albers Projection: How to rotate it?

Albers projections can be a bit tricky if you don’t know the underlying transformations. Unless showing the US (for which the parameters of d3.geoAlbers are defaulted to), you’ll likely need to modify the parallels, rotation, and center. Standard Parallels This is an albers projection with its parallels set to 10 and 15 .parallels([10,15]), as in … Read more