Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task-9-10

Public visualization

Task-9-10

0 stars0🌍 Public
JJames Cruz
Last edited Apr 28, 2024
Created on Apr 28, 2024

This visualization presents a pie chart that displays the distribution of items sold by country, with quantities aggregated per nation. The data is initially a flat list of entries, which is then grouped and summed using `d3.rollup` and `d3.sum`. The chart is rendered as an SVG using D3 v7, with slices created via `d3.pie` and drawn using `d3.arc`. Each slice is labeled with the country name and total quantity, and hover effects scale the slice via CSS transitions. The chart uses a categorical color scheme (`d3.scaleOrdinal`) to differentiate countries.

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