import {Pack} from "@d3/pack"
data = [{"a":1, "b":2}, {"a":1, "b":2}, {"a":1, "b":2}, {"a":1, "b":2}, {"a":1, "b":2}, {"a":1, "b":2}]
rollup = d3.rollup(
data
)
chart = Pack(rollup, {
value: ([, value]) => value,
label: ([key]) => key?.split(/\s+/g).join("\n"),
title: ([key], n) => `${n.depth
? `${n.ancestors().reverse().slice(1).map(({data: [key]}) => key).join("\n")}\n`
: ""}${n.value.toLocaleString("en")}`,
width: 2000,
height: 2000,
})
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.
