Public
Edited
Mar 18
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
map = {
let m = eurostatmap
.map("choropleth")
.height(900)
.width(1100)
.title("Gross domestic product (GDP)")
.titleFontSize(20)
.subtitleFontSize(17)
.subtitle("Euro per inhabitant, 2021")
.fontFamily("Source Serif Pro")
.nutsLevel("mixed")
.drawCoastalMargin(false)
.nutsbnStrokeWidth({ 0: 1, 1: 0.4, 2: 0.4, 3: 0.4, oth: 0, co: 0.4 })
.drawGraticule(false)
.frameStrokeWidth(0)
.cntrgFillStyle("#f2f2f2")
.cntbnStroke("red")
.transitionDuration(0)
.classificationMethod("threshold")
.threshold(thresholds)
.colors(colors)
.legend({
x: width - 350,
y: 20,
title: "Euro per inhabitant",
boxOpacity: 1,
barChart: legendAsBarChart,
barChartCounts: addCountLabels
});

m.statData().setData(stats);

m.build();
return m;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
for tooltip<style>table{margin:0px}</style>
Insert cell
eurostatmap = require("eurostat-map@4.0.2")
Insert cell

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.
Learn more