pack = data => d3.pack()
.size([width, height])
.padding(3)
(d3.hierarchy(data)
.sum(d => d.value)
.sort((a, b) => b.value - a.value))
width = 932
height = width
format = d3.format(",d")
color = d3.scaleLinear()
.domain([0, 5])
.range(["hsl(41.2, 43.8%, 70%)", "hsl(0, 0%, 0%)"])
.interpolate(d3.interpolateHcl)
d3 = require("d3@5")
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.
