Force-Directed Bubble Chart: Age vs. Balance
This force-directed bubble chart visualizes the relationship between age and financial balance for individual records, using bubble size to encode balance magnitude and color to represent job categories. The chart employs a physics-based layout where circles repel and attract each other using `d3.forceSimulation` with `forceX`, `forceY`, and `forceCollide` forces, settling into a non-overlapping arrangement after 120 simulation ticks. Data is fetched from a remote CSV file, parsed into objects, and rendered as SVG circles with interactive tooltips that display the exact age and balance on hover. The visualization uses D3 v7 loaded from UNPKG, with circle positions driven by the simulation's x and y coordinates.
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.