Lichen.js Official Languages in the Americas

A more formal attempt at a proper d3 utility, lichen.js, for patterning SVG shapes.

The utility and the block are an evolution of this block.

<!DOCTYPE html>
<meta charset="utf-8">
<svg width="620" height="960"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="lichen.js"></script>
<script>

var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height");

var projection = d3.geoTransverseMercator()
    .rotate([80,0])
    .scale(350)
    .center([0,10])
    .translate([width / 2, height / 2]);

var path = d3.geoPath()
    .projection(projection);

d3.queue()
  .defer(d3.json, "languages.json")
  .defer(d3.json, "Americas.json")
  .await(ready);

function ready(error, lang, geojson) {
   if (error) throw error;
 
  var stripes = ln.stripeManager().fills(d3.schemeCategory20b);

svg.selectAll()
    .data(geojson.features)
    .enter()
    .append("path")
    .attr("class", "boundary")
    .attr("d", path )
    .attr("fill", function(d) { return stripes.datum(lang[d.properties.ADMIN]); })

};

</script>

https://d3js.org/d3.v4.min.js