Activity-7.1_Q1

100%

Activity-7.1_Q1

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 6, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% 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

This pie chart visualizes the distribution of total sales across product categories from an autosales CSV dataset, with each slice’s percentage and value in thousands shown in a side legend. The chart uses D3 v7’s `pie` and `arc` generators to compute and draw the segments, while `scaleOrdinal` assigns distinct colors. Data is loaded asynchronously via `d3.csv`, and sales strings are cleaned by removing dollar signs and commas before calculating totals and percentages.

Jjampani921@gmail.com

88% match

Loading thumbnail…

Activity_7.1.1

This example visualizes 2022 US auto sales by brand as a pie chart, with each slice colored and accompanied by a legend showing brand names, their percentage of total sales, and sales figures in thousands. The code loads CSV data via `d3.csv`, computes pie layout using `d3.pie`, and renders SVG paths with `d3.arc`. Legends are built manually with appended rectangles and text, using `d3.scaleOrdinal` for categorical colors and `d3.format` for tick labels.

CCodeNinja

88% match

Loading thumbnail…

Piechart_7

This pie chart displays 2022 US auto sales by brand, with each slice sized by year-to-date sales and a legend identifying brands and their sales in thousands. The visualization uses D3 v5 APIs including `d3.pie` for computing arc data, `d3.arc` for generating SVG paths, and `d3.scaleOrdinal` for categorical color assignment. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`, and rendered as SVG within a 960x500 canvas with a legend positioned to the right.

AABCDB15

88% match

Loading thumbnail…

Activity 7.1 Q1

This pie chart visualizes annual car sales for different companies in the USA, sourced from a raw GitHub CSV dataset. Built with D3 v5, it renders an SVG with pie slices, percentage labels, and a color-coded legend. The code uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart geometry and colors, with d3.csv for data loading.

Ssumithdugyala@my.unt.edu

88% match

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

87% match

Loading thumbnail…

Pie Chart

This pie chart visualizes 2022 US auto sales by brand, using a CSV data source loaded from a GitHub gist. Each slice represents a brand's year-to-date sales, with colors assigned via `scaleOrdinal` and the chart drawn using `d3.pie` and `d3.arc`. A legend displays the brand name, its percentage of the total, and sales volume in thousands. The visualization is rendered as an SVG using D3 v5, with data parsed and aggregated in JavaScript.

RRavi Teja Bonam

86% match