Published
Edited
Mar 23, 2021
Insert cell
Insert cell
chart = {
const svg = d3.create("svg").attr("viewBox", [0, 0, 975, 610]);

svg
.append("path")
.attr("fill", "none")
.attr("stroke", "dimgray")
.attr("d", path(nlgeojson)); //topojson.feature(nl, nl.objects.nederland)))
// .append("title")
// .text(d => `${d.properties.name}`);

return svg.node();
}
Insert cell
projection = geoConicConformalNetherlands()
Insert cell
path = d3.geoPath(projection)
Insert cell
height = 0.8 * width
Insert cell
nlgeojson = FileAttachment("gemeentes.json").json()
Insert cell
import {nl, geoConicConformalNetherlands } from "@julesblm/the-netherlands-composite-projection"
Insert cell
topojson = require("topojson-client@3")
Insert cell
d3 = require("d3@6")
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