Interactive Small Multiples - Step 1a

forked from ColinEberhardt's block: Interactive Small Multiples - Step 1

<!DOCTYPE html>
<script src="https://unpkg.com/d3@4.6.0"></script>
<script src="https://unpkg.com/d3fc@12.1.0"></script>
<div id='small-multiples'></div>

var line = fc.seriesSvgLine()
      .crossValue(function(d) { return d.year; })
      .mainValue(function(d) { return d.n; });
    
    var repeat = fc.seriesSvgRepeat()
    	.orient('horizontal')
    	.series(line);
  
  	var chart = fc.chartSvgCartesian(
        d3.scaleLinear(),
        d3.scaleLinear())
      .yDomain(yExtent(data))
    	.xDomain(xExtent(data))
      .yOrient('left')
    	.plotArea(repeat);
  
    // render
    d3.select('#small-multiples')
      .datum(nested)
      .call(chart);
	});

</script>

https://unpkg.com/d3@4.6.0

https://unpkg.com/d3fc@12.1.0