Skip to main content
100%

Tidied Category grouped Bubble Chart

✓ Published2🌍 Public
Hhquazza@gmail.com
Last edited Feb 4, 2025
Created on Feb 4, 2025

This chart visualizes sales data grouped by item type, with each bubble’s size representing total units sold and its color indicating the product category. Hovering over a bubble reveals a tooltip with the exact category and unit count. Built with React and D3 v7, the code rolls up the CSV data, applies an ordinal color scale, and uses `d3.pack()` to generate a circular treemap layout. All circles and labels are rendered as SVG elements, and a custom `wrap()` function formats the category names.

AI-generated description

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

See also React Starter.

Added content = d3.csv (line 3)

Tooltip - create in html, add details in json See line 13 and line 44+ in js file;

MIT Licensed

Similar vizzes