Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force-Directed Bubble Chart: Age vs. Balance

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3866563b240b4f6699720007e5ead7ce

Open

Force-Directed Bubble Chart: Age vs. Balance

0 stars0🌍 Public
Ssrikkanth05
Last edited Jul 25, 2023
Created on Jul 23, 2023
Forked from Hello VizHub

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 description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.