Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

circle packing D3 Version 03

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed