{"version":"1.0","type":"rich","title":"React Starter PAck backup 3","description":"This example renders a circular packed chart of celebrity data, with bubbles colored by hierarchy depth using `d3.scaleSequential` and `interpolateMagma`. It reads from a local CSV via `d3.csv` and nests the data by category and gender before applying `d3.pack` and `d3.hierarchy`. Each leaf node displays a celebrity photo clipped to its circle using SVG `clipPath`, with images positioned via an offset field. The visualization is built as a React component that calls D3 inside `componentDidUpdate` to update the SVG layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef085feea1614573a717bd60bf02028b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}