{"version":"1.0","type":"rich","title":"ScatterPlot circlepacking D3 Version 05","description":"This interactive visualization merges a scatterplot with a circle-packing layout to map sound files and their component layers. Each top-level node represents a sound, positioned by its normalized x/y coordinates, while nested children are packed into circles whose sizes reflect their `value` attributes. The D3 v5 (d3.v5) code uses a force-directed simulation to resolve overlaps between nodes, rendering them as SVG circles. Hovering highlights nodes in red per the CSS. A JavaScript timer and sound-preview selector provide playback controls, though the core graphic remains a static, animated-free representation of hierarchical audio data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/51a99c61a8f14694875df845c012db9c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}