Unlisted
Edited
Jun 28, 2023
2 forks
1 star
Insert cell
Insert cell
Plot.plot({
axis: null,
height: 100,
margin: 10,
marginLeft: 40,
marginRight: 120,
marks: [
Plot.tree(gods, {textStroke: "white"})
]
})
Insert cell
Insert cell
Plot.plot({
axis: null,
height: 120,
inset: 20,
insetLeft: 40,
insetRight: 120,
marks: [
Plot.link(gods, Plot.treeLink({stroke: "node:internal"})),
Plot.dot(gods, Plot.treeNode({fill: "node:internal"})),
Plot.text(gods, Plot.treeNode({text: "node:name", stroke: "white", fill: "currentColor", dx: 6, treeFilter: "node:external"})),
Plot.text(gods, Plot.treeNode({text: "node:name", stroke: "white", fill: "currentColor", textAnchor: "end", dx: -6, treeFilter: "node:internal"}))
]
})
Insert cell
gods = [
"Chaos/Gaia/Mountains",
"Chaos/Gaia/Pontus",
"Chaos/Gaia/Uranus",
"Chaos/Eros",
"Chaos/Erebus",
"Chaos/Tartarus"
]
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