Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Bubble Chart Visualization

Public visualization

Viewing a saved revision (read-only)

eb3249c11fcb48a6bd175c3203394156

Fork of Bubble Chart Visualization

0 stars0🌍 Public
Wwaterm80
Last edited Nov 16, 2022
Created on Nov 16, 2022

This fork of a bubble chart visualization displays the relative number of boba shops across eleven California cities using an interactive force-directed layout. Circles are initially clustered at the center, then repelled and spaced by d3.forceSimulation, d3.forceManyBody, and d3.forceCollide until stable. Users can drag any circle with d3.drag, while a custom tooltip reveals city names and counts on hover. The visualization loads data from a CSV file via d3.csv, scales circle radii with d3.scaleLinear, applies an ordinal color scheme, and renders everything as SVG elements.

AI-generated description