Skip to main content
100%

ScatterPlot circlepacking D3 Version 05

✓ Published1🌍 Public
Oocean1225
Last edited Mar 11, 2020
Created on Mar 11, 2020

This example combines a scatter plot with circle packing to visualize hierarchical sound data. It shows a root node with children representing sound files, each containing layered sub-nodes with numeric values. The visualization uses D3 v5 to render SVG circles and text, with hover effects that change circle fill to red. The interface includes a timer with start, stop, and reset buttons, as well as a sound selection dropdown with a preview button. The data is embedded directly in the code, and the layout uses custom positioning based on scatX and scatY coordinates.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes