{"version":"1.0","type":"rich","title":"Black & White Nested Circles","description":"This visualization displays the React source code as a circular treemap, with nested circles representing the file hierarchy. The circle packing layout is computed using D3's `pack` and `hierarchy` functions, and circles are colored based on file type or by depth using black and white. The code uses D3's `zoom` behavior for interactive pan and zoom, and a memoization function called `computed` optimizes rendering performance. File size influences circle opacity, while labels are added but curved labels are disabled for performance.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/07a4fcfcd2d7465088baa1b5d01907a4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}