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)

72658abd997f4a1db3ad94d618ed25a0

Fork of Bubble Chart Visualization

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

This interactive bubble chart displays the number of boba shops across eleven Bay Area cities, with circle size scaled linearly by shop count. Built with D3 v7, it renders as an SVG where users can drag bubbles to reposition them while a force simulation, using `d3.forceSimulation` with center, charge, and collide forces, arranges the circles and prevents overlap. Hovering reveals a tooltip showing each city’s name and shop total, with data loaded from a remote CSV file.

AI-generated description