<div id ='chart'>
<h3><code>projection()<code></h3>
<p>Change the projection view of the world map. By dafault projection set to <code>'geoPatterson'</code>.<br>The available projections can be found on the <a href="https://github.com/d3/d3-geo/blob/master/README.md#geoAlbers" target="_blank">D3 geo webpage</a>.</p>
<p>The projection below is set to <code>'geoInterruptedBoggs'</code></p>
<p><code>.projection('geoInterruptedBoggs');</code></p>  
</div>  
<div id="elm"></div>
#chart{
  margin: 1em;
}
//RedSift
//projection
//Change projection on viewing the world map.

var geo = d3_rs_geo.html()
                   .projection('geoInterruptedBoggs')
                   .margin({ top: 0, left: 20, right: 260, bottom: 130});

    d3.select('#elm')
      .datum({ url: 'https://static.redsift.io/thirdparty/topojson/examples/world-50m.json' }) //world topoJSON
      .call(geo);
View Compiled

External CSS

  1. //static.redsift.io/reusable/ui-rs-core/latest/css/ui-rs-core.min.css

External JavaScript

  1. //d3js.org/d3.v4.min.js
  2. //static.redsift.io/reusable/d3-rs-geo/latest/d3-rs-geo.umd-es2015.min.js