Published
Edited
Jul 7, 2019
Insert cell
Insert cell
Insert cell
function autoBox() {
const {x, y, width, height} = this.getBBox();
return [x, y, width, height];
}
Insert cell
data = d3.json("https://gist.githubusercontent.com/nobodyzxc/504dd7dbdc1cfba03247601bd617315f/raw/832275a7e3c479414b79daebbfb1f57623bbad5c/skill_tree.json")
Insert cell
tree = data => d3.tree()
.size([2 * Math.PI, radius])
.separation((a, b) => (a.parent == b.parent ? 1 : 2) / a.depth)
(d3.hierarchy(data))
Insert cell
width = 932
Insert cell
radius = width / 2
Insert cell
d3 = require("d3@5")
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