Data Visualization & GIS at Eurostat. Exploring new ways of making maps.
turkey = {
let map = eurostatmap
.map("ch")
.stat({
eurostatDatasetCode: "demo_r_d3dens",
unitText: "people/km²",
filters: { time: 2021 }
})
.projectionFunction(projection)
.svgId("turkey")
.nutsLvl(2)
.width(width)
.height(height)
.scale("03M")
.pixSize(0.021) //zoom level
.geoCenter([showSurrounding ? 35.5 : 38.5, 38])
.labelling(true)
.labelsToShow(["countries", "values"])
.labelShadow(true)
.labelShadowWidth({ seas: 3, countries: 3, cc: 3, values: 3 })
.labelsConfig(labels)
.cntrgFillStyle("none")
.bordersToShow(["eu", "efta", "cc", "oth", "co"])
.cntbnStroke({ oth: "grey", co: "grey" })
.cntbnStrokeWidth({ oth: 1 });
if (!showSurrounding) {
map.countriesToShow(["TR"]).bordersToShow(["TR"]);
}
return map.build();
}
projection = d3.geoMercator()
d3 = require("d3-array@2", "d3-geo@2", "d3-geo-projection@3", "d3-geo-polygon@1.8", "d3-scale-chromatic")
eurostatmap = require("eurostat-map@3.6.45")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
