Assignment_7_piechart

100%

Assignment_7_piechart

✓ Published0🌍 Public

JJaswanthKoorapati@my.unt.edu

Last edited Oct 27, 2025

Created on Oct 27, 2025

This pie chart displays the share of music revenue (in millions USD) across top years, with each slice labeled by its percentage of the total. The SVG rendering combines a pie on the left and a legend on the right, both drawn inside a single responsive viewBox. Using d3.pie and d3.arc for slice generation, the code loads data from a remote CSV, applies a d3.scaleOrdinal with schemeSet2 for colors, and adds interactive tooltips via appended title elements. The legend lists each year with its value and percentage, built through D3 data joins.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2

This pie chart displays total revenue aggregated by country across years from 1995 to 2019. The code uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal and d3.schemeSet3 providing categorical colors for each country slice. Labels are positioned using arc.centroid, and an interactive tooltip reveals exact revenue values on mouseover. A legend with matching colors identifies each country, while revenue is summed from the embedded dataset using d3.group and d3.sum. The visualization renders as SVG with a fixed 900x700 viewport.

Ssarikakannikanti@gmail.com

85% match

Loading thumbnail…

Assignment2-1

A pie chart visualizes the distribution of Spotify's Top 50 songs from 2019 by genre. It fetches CSV data from a GitHub gist, uses `d3.rollup` to count songs per genre, and computes percentages for labels on each slice. The chart renders as SVG, using `d3.pie` and `d3.arc` for the sectors, a categorical color scheme, and includes a legend positioned to the right. A bold title and percentage labels are added directly on the arcs.

Sshivadeclare2@gmail.com

84% match

Loading thumbnail…

Assignment2Question1

A pie chart displays the sales distribution of electronic items in 2023, with each slice labeled by category and value. The chart uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG arcs. Data is fetched as CSV from a GitHub repository, parsed with a custom function, and rendered with a corresponding HTML legend.

Gganesh.hns48@gmail.com

82% match

Loading thumbnail…

Activity7

This example displays a pie chart of Spotify top songs, showing the market share distribution of different artists. The chart is rendered as an SVG with D3 v6, using `d3.pie()` to compute arc segments and `d3.scaleOrdinal` with the `schemeCategory10` color palette to distinguish artists. A legend with colored dots and artist names annotates the chart, while the data is loaded from a remote CSV file via `d3.csv()`. The code also appends axis-style labels for "Market Share Distribution" and "Market Share (%)", despite pie charts typically lacking axes.

AAreeba Hassan

82% match

Loading thumbnail…

Assignment 9 - Pie Chart

This pie chart visualizes sales distribution by item category, showing the proportion of total sales attributed to each category. The chart is rendered as an SVG with colored arcs, percentage labels, and a legend positioned in the top-right. The code uses D3.js v6 APIs including `d3.pie()`, `d3.arc()`, `d3.rollups()`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded from an external CSV file containing item categories and total sales values.

Bbobbymeyermsis@gmail.com

81% match

Loading thumbnail…

Question 1

This pie chart visualizes fruit sales data, displaying the proportional share of each fruit category as a labeled slice with a corresponding legend. The chart is rendered as an SVG using D3 version 7, with the pie generator `d3.pie()` and arc generator `d3.arc()` calculating angular extents and centroids for labels. Data is loaded via `d3.csv` from a remote Gist, and the color scale `d3.scaleOrdinal` with `d3.schemeSet2` assigns categorical colors. The legend is built using `d3.select` and `enter()`, while sales values are cast to numeric type before creating the pie layout.

Tthokalarohith83@gmail.com

81% match

Loading thumbnail…

Assignment 2 Question1

This pie chart visualizes genre distribution from survey data, showing the proportion of responses in the "Less than 3" category. The code loads CSV data from a GitHub repository and uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal assigning colors to genres. Interactive hover tooltips appear via appended title elements, and the chart includes a legend and percentage labels positioned at arc centroids. The visualization renders as a static SVG with D3 v7, totaling 600×600 pixels.

Mmeghna.reddy700@gmail.com

81% match

Loading thumbnail…

Question1

This pie chart visualizes product sales distribution, with each slice sized proportionally to its revenue share and a corresponding legend displaying category names and percentage values. The chart uses d3.pie and d3.arc to generate the SVG paths, with a scaleOrdinal color scale assigning distinct hues to each segment. Data is loaded asynchronously from a CSV via d3.csv, and percentage labels are formatted with d3.format. The total sum of all values is calculated to compute each category’s share.

MMandadi Nishita

81% match