Actvity 7.1.1

100%

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 6, 2024

Forked from Reusable Scatter plot Activity 8

This pie chart depicts the distribution of car models by brand, aggregated from a CSV file of individual car records. The visualization uses D3 v5 to generate SVG arcs, with an interactive tooltip revealing each brand's model count and percentage on hover. A legend displaying brand names, color swatches, and formatted model counts accompanies the chart, and the code explicitly uses `d3.pie`, `d3.arc`, `scaleOrdinal`, and `schemeCategory10` for rendering and color assignment.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7

This example shows a pie chart representing car sales by brand, aggregated from a CSV dataset. It uses D3 v7’s `d3.pie` layout and `d3.arc` to generate SVG paths for each slice, while `d3.rollup` sums the `Units_Sold` values per `Car_Brand`. A custom color mapping assigns distinct hues to Toyota, Honda, Ford, and Chevrolet, with an HTML legend displaying each brand’s name and total units. The SVG is centered within a 500×500 pixel viewport.

DDeekshitha Annreddy

88% match

Loading thumbnail…

Activity 7.1-1

This example shows a pie chart of car sales by brand, using a dataset loaded from a GitHub-hosted CSV file. It aggregates the raw data with d3.rollup and d3.sum to compute total units sold per brand, then renders the slices with d3.pie and d3.arc in an SVG. Each brand receives a distinct color from a predefined map, and a legend displays the brand names alongside their corresponding sales totals. The visualization also logs intermediate data to the console for debugging.

DDeekshitha Annreddy

88% match

Loading thumbnail…

Activity_7.1.1

A pie chart displays 2022 U.S. auto sales by brand, with each slice sized by year-to-date sales. Percentages and sales values (in thousands) are shown in a legend. Built with D3 v5, the visualization loads CSV data via `d3.csv`, computes pie arc paths with `d3.pie`, and renders them as SVG paths using `d3.arc`. A sequential `d3.scaleOrdinal` color scheme distinguishes brands. The chart is centered in a 960×450 SVG canvas, with legends positioned to the right.

CCodeNinja

87% match

Loading thumbnail…

ice7_task2_1

This example shows the distribution of car brands in a dataset as a pie chart, with each slice labeled by brand name and its percentage of the total. The visualization loads data from a remote CSV file using `d3.csv` with `d3.autoType`, then aggregates counts per brand via `d3.rollups`. It computes slice geometry with `d3.pie` and renders the arcs using `d3.arc`, applying a categorical color scale with `d3.scaleOrdinal` and `d3.schemeTableau10`. A manual legend lists the brands, using SVG groups and rectangles.

Kkmohithkumar7@gmail.com

86% match

Loading thumbnail…

Activity-7.1_Q1

This D3.js pie chart visualizes year-to-date auto sales by brand, with a legend conveying each brand’s percentage share and sales in thousands. Built with D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()`, it loads CSV data from a GitHub gist via the `csv()` function. The SVG rendering uses a categorical color palette and fixed positioning for the chart and legend.

Jjampani921@gmail.com

86% match

Loading thumbnail…

A7-Q1

This pie chart visualizes the distribution of car models by manufacturer, using a dataset of 50 vehicles with each make occupying one slice of equal size. The chart is rendered with SVG through D3.js, using the `pie` and `arc` generators to compute and draw the segments, while `scaleOrdinal` with `schemeCategory10` assigns colors to each manufacturer. A legend on the right side maps the color-coded slices to their corresponding car brands, and the visualization adapts to the full browser window dimensions.

SShashankkodishala@my.unt.edu

85% match

Loading thumbnail…

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

SSushmaNamidi@my.unt.edu

85% match

Loading thumbnail…

Activity 7.1

This D3.js pie chart visualizes the distribution of car makes from a CSV file loaded from a GitHub repository. It uses `d3.pie` and `d3.arc` to generate the pie slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the categorical color scheme. The chart displays percentage labels on each segment and includes a legend generated with HTML. Data is aggregated using `d3.rollups` to count occurrences of each make, and the SVG output is rendered within a centered layout.

NNagalakshmi Thota

85% match