<div id ='chart'>
<h3><code>margin()<code></h3>
<p>Change the margin inside the svg container. By <code>default</code> margin set to <code>4</code></p>
<p>We can also set the margin for each side of the chart.</p>
<p>The map below has margin: <code>.margin({ top: 0, left: 30, right: 260, bottom: 130});</code></p>  
</div>  
<div id="elm"></div>
#chart{
  margin: 1em;
}
//RedSift
//projection
//Change projection on viewing the world map.

let geo = d3_rs_geo.html()
                   .margin({ top: 0, left: 30, 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