Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ScatterPlot circlepacking D3 Version 05

Public visualization

Viewing a saved revision (read-only)

100b2e1a5a9f4b11b903ba0842d4ac18

ScatterPlot circlepacking D3 Version 05

0 stars0🌍 Public
Oocean1225
Last edited Mar 11, 2020
Created on Mar 11, 2020

This example demonstrates a hybrid scatter plot and circle-packing visualization for layered sound effects, using D3.js v5 with SVG and animation. Hierarchical audio sample data, such as Clap01 and Gunshot01, is mapped to nested circles positioned by custom `scatX` and `scatY` coordinates. The visualization renders via `d3.select` and `d3.scaleLinear` for axes, with interactive hover styling through CSS. A timer interface and sound selection drop-down accompany the chart, enabled by jQuery and custom JavaScript timer functions.

AI-generated description

An example showing the capabilities of VizHub.