Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bubbles with Json Data

Public visualization

Bubbles with Json Data

0 stars0🌍 Public
RRenan Barbosa
Last edited Apr 8, 2020
Created on Apr 6, 2020

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 description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed