path:(d)=>d.name.replaceAll(".","/"),// e.g. flare/animate/Easing
label:(d)=>d.name.split(".").pop(),// display text
value:(d)=>d?.size,// area of each circle
title:(d,n)=>[n.id,n.value.toLocaleString()].join("\n"),// hover text
width,
height:720
})
import{Pack}from"@d3/pack"
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.