Zoomable packing celeb
This interactive zoomable packing visualization displays celebrity samples grouped by category and gender, with each circle sized proportionally to the sample count. Users can click circles to zoom between hierarchy levels through smooth transition animations. The visualization is built with React and D3 v5, using the `d3.pack` layout on hierarchically nested CSV data, while `d3.scaleOrdinal` and `d3.scaleSequential` with the magma interpolator handle color encoding. Celebrity images are placed within clipped circles, positioned using each record's offset value, with zoom transitions driven by `d3.interpolateZoom` and `transition.attrTween`.