chart = Pack(flare, {
value: d => d.value, // size of each node (file); null for internal nodes (folders)
label: (d, n) => [...d.name.split(/(?=[A-Z][a-z])/g), n.value.toLocaleString("en")].join("\n"),
title: (d, n) => `${n.ancestors().reverse().map(({data: d}) => d.name).join(".")}\n${n.value.toLocaleString("en")}`,
width: 1152,
height: 1152
})
flare = FileAttachment("flare-2.json").json()
howto("Pack", "@d3/pack")
import {Pack} from "@d3/circle-packing"
import {howto} from "@d3/example-components"
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.
