Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bubble Chart - Clustered

Public visualization

Bubble Chart - Clustered

0 stars2🌍 Public
Hhquazza@gmail.com
Last edited Jan 28, 2025
Created on Jan 28, 2025

Four clusters of proportional circles, each labeled with a group letter (A–D), fill the entire SVG canvas without overlapping. The bubble sizes correspond to each group’s `percentResponse` value, while the cluster layout is computed using `d3.pack()` on a `d3.hierarchy()` root. Rendered with `d3.v7` in a React framework, the circles and labels are appended as SVG elements with `d3.select` and `join()`. The data source is hardcoded dummy data, with no axes or tooltips.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed