π Public
Force-Directed Bubble Chart: Age vs. Balance
A force-directed bubble chart visualizes the relationship between customer age and account balance. Node sizes are scaled proportionally to account balance, and the simulation clusters circles centrally using `d3.forceSimulation` with `forceX`, `forceY`, and `forceCollide` forces. The chart is rendered as an SVG with 120 simulation ticks, and interactive tooltips display the precise age and balance values for each bubble on hover. Data is loaded via the Fetch API from a remote CSV file.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.
MIT Licensed
Comments
Sign in to join the discussion.