I make elections graphics and other stuff.
ukMap = map(
proj4d3(
`+proj=laea +lat_0=90 +lon_0=0 +x_0=0 +y_0=0 +ellps=WGS84 +datum=WGS84 +units=m +no_defs`
).fitExtent([[0, -5700], [width * 1, height * 0.95]], uk),
{
land: uk,
inertia: false
}
)
proj4 = require("proj4")
function proj4d3(proj4string) {
const degrees = 180 / Math.PI,
radians = 1 / degrees,
raw = proj4(proj4string),
p = function(lambda, phi) {
return raw.forward([lambda * degrees, phi * degrees]);
};
p.invert = function(x, y) {
return raw.inverse([x, y]).map(function(d) {
return d * radians;
});
};
const projection = d3.geoProjection(p).scale(1);
projection.raw = raw;
return projection;
}
uk = await FileAttachment("NUTS_Level_1_January_2018_Ultra_Generalised_Clipped_Boundaries_in_the_United_Kingdom.geojson").json()
graticule = d3.geoGraticule()()
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.
