Public
Edited
Mar 17, 2023
Insert cell
Insert cell
franceCirconscriptionsLegislatives2012 = FileAttachment("france-circonscriptions-legislatives-2012.json").json()
Insert cell
{
const container = yield htl.html`<div style="height: 500px;">`;
const map = L.map(container);
const layer = L.geoJSON(franceCirconscriptionsLegislatives2012).addTo(map);
map.fitBounds(layer.getBounds(), {maxZoom: 9});
L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
attribution: "© <a href=https://www.openstreetmap.org/copyright>OpenStreetMap</a> contributors"
}).addTo(map);
}
Insert cell
Plot.plot({ projection: "equal-earth", marks: [Plot.geo(franceCirconscriptionsLegislatives2012)] })
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