Published
Edited
Nov 20, 2020
3 stars
Insert cell
Insert cell
nodes = d3.hierarchy(
await d3.xml(
"https://cors-anywhere.herokuapp.com/https://visionscarto.net/public/fonds-de-cartes/visionscarto-bertin1953.svg",
{ crossOrigin: "anonymous" }
)
)
Insert cell
Insert cell
d3.group(
nodes.descendants(),
d => d.data.getAttribute && d.data.getAttribute("id")
)
Insert cell
Insert cell
nodes.descendants().filter(d => d.data.tagName === "circle")
Insert cell
d3 = require("d3-hierarchy@2/dist/d3-hierarchy.js", "d3-array@2", "d3-fetch@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