Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 selection and Exploration Bubble Force Chart

Public visualization

Viewing a saved revision (read-only)

40091a16b5a447279f67f7bc1a2b3bd6

D3 selection and Exploration Bubble Force Chart

0 stars0🌍 Public
DDonald Bagwell
Last edited Dec 13, 2023
Created on Dec 12, 2023

This example shows a bubble force chart of music sales data, with circles sized by sales volume and clustered around a central point. The visualization loads CSV data from an external URL and renders it as SVG circles using D3.js v7. It employs `d3.forceSimulation` with `forceX` and `forceY` to gently pull points toward the center, while `forceCollide` prevents circle overlap based on their scaled radii. Users can click individual bubbles to log the corresponding data to the console, and the chart responds to window dimensions.

AI-generated description

A bare minimum Working with Circles and d3.js