Search code examples
javascriptdictionaryd3.jsprojectiongeo

d3 geo - Map projection


With d3.geo, i want to draw a map with a projection that i do not want to find by try&error, but with a visual tool to help me along.

There is a tool out there: The Visual Map Configurator for Kartograph.js. Is there any tool i can use to generate a projection for d3.geo?

How do you find the projection you want, without try&error? I can get the origin parameters from any map but for scale and translate?


Solution

  • While not as polished as Kartograph's configurator, if you clone the D3 git repository, you'll find three examples with sliders to control the projection settings:

    If you're using an azmithal projection, you can also try dragging this interactive globe and then use the JavaScript Console to extract the origin (projection.origin()).