Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ScatterPlot circlepacking D3 Version 05

Public visualization

ScatterPlot circlepacking D3 Version 05

0 stars2🌍 Public
JJaloYang
Last edited Mar 17, 2020
Created on Jan 20, 2020
Forked from Cars Report

A hybrid visualization combines a scatter plot with circle packing to represent hierarchical sound design data. Using D3 v5 within a React framework, the SVG scene maps top-level sound categories (like Clap or Gunshot) as scatter points positioned by `xRange` and `yRange` scales, with nested child layers packed via `d3.pack`. Interactive hover events display sound names, while click events increment a visual counter. The interface integrates audio playback controls and a timer, though the core focus remains the layered spatial encoding of sound file relationships.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed