Erik Escoffier nerik

A version of this workshop for Spanish elections (in Spanish): https://gist.github.com/jsanz/b621435f418ad6a856c2

Here are the links to the examples provided in the intro:

	<?xml version="1.0" encoding="UTF-8"?>
	<kml xmlns="http://www.opengis.net/kml/2.2">
	<Document>
	<ScreenOverlay>
	<Icon>
	<href>https://s2.graphiq.com/sites/default/files/stories/t2/tiny_cat_12573_8950.jpg</href>
	</Icon>
	<overlayXY x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>
	<screenXY x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>
	<rotationXY x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>

	const bins = d3.histogram()(data);
	const x = d3.scaleLinear().domain([0, d3.max(bins, d => d.length)]).range([0, 30]);
	console.table(bins.filter(bin => bin.length).map(bin => {
	const binMin = d3.min(bin).toLocaleString();
	const binMax = d3.max(bin).toLocaleString();
	return {
	range: [binMin, binMax].join('-'),
	bars: Array(Math.round(x(bin.length))).join('█'),
	num: bin.length
	};

	// ES6 allows multiline strings with backticks, and it is natively available on all browsers except IE
	// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
	// just changing the docs to promote using ES6 by default (with an ES5 fallback) would already help a great deal
	var countriesStyle = new carto.style.CartoCSS(`
	#layer {
	polygon-fill: #333333;
	}
	`);

Election Mapping Bonanza