🌍 Public
Viewing a saved revision (read-only)
61cc7e8055d74b00ac7c6e64ed96c8a8
Zoomable test 1
This interactive visualization displays a hierarchically organized bubble chart of celebrities grouped by category and gender. Clicking any circle zooms into that node's subtree with a smooth animated transition. Built with React and D3 v5, it uses the `d3.pack` layout to position circles and `hierarchy().sum()` to encode the `sample` data value as bubble area. Celebrity portraits are clipped into circular frames using SVG `clipPath` elements, with zoom animations driven by `d3.interpolateZoom` and `transition.attrTween`.
AI-generated descriptionReact Starter code.