🌍 Public
Viewing a saved revision (read-only)
1406e45ac75140728b05014d0ed8c823
ScatterPlot circlepacking D3 Version 05
This example visualizes a hierarchical sound library as a circle-packing layout, with parent nodes representing sound categories like gunshots and explosions, and child nodes for individual layer files. The visualization uses D3 v5’s `d3.hierarchy` and `d3.pack` to generate the nested circles, rendered in SVG with hover effects that change circle fill color. Audio controls let users select and play a target sound, with a timer and play/mute buttons implemented in JavaScript, while leaf values modulate circle sizes.
AI-generated descriptionAn example showing the capabilities of VizHub.