NUTS 3 urban-rural typology

.block

license: EUPL-1.1
height: 780
scrolling: no
border: no

README.md

NUTS 3 urban-rural typology.

This is an example of categorical map based on eurostat-map.js library, Nuts2json, d3js and Eurostat statistical data API.

index.html

<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-queue.v3.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://d3js.org/d3-color.v1.min.js"></script>
<script src="https://d3js.org/d3-interpolate.v1.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.25.6/d3-legend.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jsonstat@0.13.3/json-stat.js"></script>
<script src="https://cdn.jsdelivr.net/gh/eurostat/eurostat.js@0.9.15/js/eurostat-lib.js"></script>
<script src="https://cdn.jsdelivr.net/gh/eurostat/eurostat.js@0.9.15/js/eurostat-map.js"></script>
<script src="https://cdn.jsdelivr.net/gh/eurostat/eurostat.js@0.9.15/js/eurostat-tooltip.js"></script>

<svg id="map"></svg>

<script>
	EstLib.map()
	.scale("60M")
	.width(900)
	.NUTSyear(2013)
	.nutsLvl(3).csvDataSource({url:"https://raw.githubusercontent.com/eurostat/eurostat.js/master/assets/data/urb_rur_typo.csv", geoCol:"NUTS_ID_2013", valueCol:"urban_rural"})

	.type("ct")
	.classToFillStyleCT( { urb: "#fdb462", int: "#ffffb3", rur: "#ccebc5" } )
	.classToText( { "urb":"Urban", "int":"Intermediate", "rur":"Rural" } )

	.legendLabelDecNb(0)
	.legendBoxHeight(110)
	.legendBoxWidth(130)

	.build();
</script>

thumbnail.png