<div id ='chart'>
<h3><code>country()<code></h3>
<p>Enable each country to display using different colour palette. By default the <code>country</code> is set to <code>false</code>.</p>
<p>The <code>country</code> is set to <code>true</code> on the map below.</p>
</div>  
<div id="elm"></div>
#chart{
  margin: 1em;
}
//RedSift
//country()
//enable each country to display in different colour

var geo = d3_rs_geo.html()
                   .country(true);

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

External CSS

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

External JavaScript

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