Assignment 2

100%

✓ Published0🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart visualizes the total revenue of different countries in sales. The D3 v5 code uses `select`, `pie`, `arc`, and `scaleOrdinal` to generate SVG segments from a JSON dataset, with each slice colored distinctly. A legend, created via `append` with rectangles and text, identifies each region and its corresponding revenue value, formatted with `format('.4~g')` and suffixed with "K". The chart is centered on a 960x500 canvas, with the pie translated to the left and the legend positioned to the right.

Ppreethamkesa

87% match

Loading thumbnail…

Assignment_7_piechart

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.

JJaswanthKoorapati@my.unt.edu

85% match

Loading thumbnail…

Assignment 2 Pie Chart

This D3.js pie chart displays the distribution of land areas by country, using a categorical color scheme and white strokes to separate slices. The chart labels each slice with its country name at the centroid, and includes a legend positioned to the right. The visualization renders as SVG, with data pulled from a remote CSV file. The code uses `d3.scaleOrdinal`, `d3.pie`, `d3.arc`, and `d3.csv` to construct the chart, while labels and axis titles are positioned via SVG transforms.

Ggnanendra097@gmail.com

82% match

Loading thumbnail…

pie chart

This pie chart displays the proportional sales distribution across countries for the year 2020, using a dataset of students loaded via `d3.csv`. The visualization renders each country as a colored slice with labels positioned at the centroid of each arc. It uses D3 v7’s `d3.pie()` and `d3.arc()` generators to compute and draw the arcs, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend on the right maps colors to country names, and the SVG output is created within a fixed 600×400 pixel canvas.

Vvishnupriya eupuri

81% match

Loading thumbnail…

Assignment_7_Q2

This pie chart visualizes total expenses aggregated by region from an inline CSV dataset containing monthly sales, profit, expenses, and region fields. The D3.js (v7) code uses `d3.rollup` and `d3.sum` to aggregate expenses per region, then renders SVG slices with `d3.pie` and `d3.arc`. Interactive tooltips appear on mouseover showing the exact expense value, while slice labels display percentage shares (hidden below 5%). A legend with color-coded rectangles identifies each region and its total expenses, using `d3.scaleOrdinal` with the `schemeTableau10` color scheme.

SSai Charan

81% match

Loading thumbnail…

Pie_Chart_Question1

This visualization displays annual sales distribution for an Indian restaurant as a pie chart, with each slice representing a year’s total sales and labeled with the corresponding sales amount. A legend on the right maps each year to its color. The chart is built using D3 v6, fetching CSV data via `d3.csv`, aggregating sales with `d3.rollups` and `d3.sum`, and generating arcs with `d3.arc` and `d3.pie`. Colors are assigned using a `scaleOrdinal`, and all elements are rendered as SVG.

Kkanakalakshmi.murikipudi20@gmail.com

81% match

Loading thumbnail…

activity7_QUE1

This interactive pie chart visualizes tourism revenue distribution by country, with each slice labeled with its corresponding value in billions of dollars and a color-coded legend. The chart is built using D3.js v7 with SVG rendering, employing the `d3.pie` layout, `d3.arc` for path generation, and `d3.scaleOrdinal(d3.schemeCategory10)` for categorical colors. Data is loaded as CSV from a GitHub Gist and aggregated using `d3.rollup` and `d3.sum`. Text labels are positioned using `arc.centroid` with an offset factor.

Ggouthamigongidi2457@gmail.com

81% match

Loading thumbnail…

Assignment2_1

This example shows the population distribution of countries as a pie chart, with each slice labeled by country in a legend beside the chart. The visualization uses D3 v7 to load CSV data from a GitHub gist, compute pie angles with `d3.pie`, and render slices using `d3.arc` into SVG paths. A tooltip, implemented with HTML overlays, displays the country name and population on hover. Colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`.

MManishaBoppa@my.unt.edu

80% match