Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

circle packing D3 Version 03

Public visualization

Viewing a saved revision (read-only)

b9f2e6b4a7c74cb8942cd944387362fa

circle packing D3 Version 03

0 stars1🌍 Public
JJaloYang
Last edited Feb 5, 2020
Created on Jan 26, 2020
Forked from scatter plot

A hierarchical dataset of sound effect layers is visualized as a circle packing diagram, where each nested circle represents a file, with the outer circle naming the sound and inner circles its individual WAV layers. Built with D3 v3’s `d3.layout.pack`, the SVG renderer sizes circles by file size and applies radial gradients. Clicking a circle plays the corresponding audio file via the Web Audio API, creating an interactive sound exploration interface.

AI-generated description