Tidied Category grouped Bubble Chart
✓ Published2🌍 Public
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 descriptionA 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