🌍 Public
Viewing a saved revision (read-only)
538e68b3a05f4099b42e1758d7967379
Fork of Fork of Bubbles with Json Data
This visualization displays a bubble chart of 18 individuals, with each bubble sized according to a monetary value and labeled with the person's name and that value. The code uses D3 v5's `d3.pack` layout to position bubbles within a hierarchical JSON dataset, rendering circles and text as SVG elements. Clicking a bubble triggers a process-loading function, and the chart is embedded in a React-based HTML page. The visualization demonstrates D3's declarative data joining with `d3.hierarchy` and `d3.pack`.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.