🌍 Public
Viewing a saved revision (read-only)
1b84326fa562418ab20a0c01c04a7794
Bubbles with Json Data
This example visualizes grant data as an interactive bubble chart, where each circle’s size reflects the grant amount and color encodes the grant group. The bubbles are initially grouped in the center, then the toolbar allows toggling between grouped and year-split views. Built with React and D3 v5, it uses `d3.forceSimulation` for layout, `d3.scalePow` for radius scaling, and SVG transitions for animation. JSON data drives the visualization, with hover tooltips and mouseover events for detail display.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.