Activity_7.1.1

100%

Activity_7.1.1

✓ Published0🌍 Public

Last edited Nov 3, 2024

Created on Nov 3, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

93% match

Loading thumbnail…

Fork of Pie Chart

This pie chart displays 2022 U.S. auto sales by brand, with each slice sized by year-to-date sales and a corresponding legend showing brand names and sales totals in thousands. The visualization uses d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal assigning colors to slices. Data loads asynchronously via d3.csv from a GitHub gist, and the code formats sales values using d3.format. A legend is built manually with SVG rectangles and text elements, while the chart itself is centered within a 960x500 viewport.

KKolliTeja

92% match

Loading thumbnail…

Pie chart ICE 7

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice representing a brand’s year-to-date sales. A legend on the right shows the brand name, its percentage of total sales, and the raw sales volume in thousands. The example loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the slices. Colors are assigned via `d3.scaleOrdinal`, and the SVG is rendered with a fixed width and height.

Kkakumanusreya

92% match

Loading thumbnail…

Pie Chart

This pie chart shows the distribution of 2022 U.S. auto sales by brand, with each slice sized proportionally to the brand’s year-to-date sales total. The chart renders an SVG with colored arcs and a legend listing each brand’s name, percentage share, and sales volume in thousands. The code uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart, and loads CSV data from a GitHub gist via d3.csv. Percentages are calculated by dividing each brand’s sales by the total.

Eeravellisaimeghana

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

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

91% match

Loading thumbnail…

Pie Chart

This pie chart visualizes 2022 US auto sales by brand, showing each manufacturer's market share as a proportion of total sales. The chart uses D3 v5’s `pie` and `arc` generators to compute segment angles and render SVG paths, with a categorical color scale via `scaleOrdinal`. Sales percentages and totals are computed from a CSV dataset loaded using `d3.csv` from a Gist, and a legend displays brand names, percentage values, and sales in thousands. The visualization is rendered entirely as SVG, with labels positioned manually.

Tttummala17

91% match