What if our visualization project is not just about US, but rather concerns the whole world? No worries, D3 comes with various built-in projection modes that work well with the world map that we will explore in this recipe.
Open your local copy of the following file in your web browser hosted on your local HTTP server:
https://github.com/NickQiZhu/d3-cookbook/blob/master/src/chapter12/world.html
In this recipe we will project the world map using various different D3 built-in projection modes. Here is the code sample:
<script type="text/javascript"> var width = 300, height = 300, translate = [width / 2, height / 2]; var projections = [ // <-A {name: 'azimuthalEqualArea', fn: d3.geo.azimuthalEqualArea() .scale(50) .translate(translate)}, {name: 'conicEquidistant', fn: d3.geo.conicEquidistant() .scale(35) .translate(translate)}...