ICE 7 Pie chart

100%

ICE 7 Pie chart

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This pie chart displays 2022 US auto sales by brand, with each slice sized proportionally to year-to-date sales figures. The chart renders as an SVG with a legend showing brand names and sales totals formatted in thousands. The visualization loads data from a CSV file containing supermarket sales data, though the title references auto sales. Built with D3 v5, the code uses the `pie()` layout, `arc()` generator, and `scaleOrdinal()` for color mapping. Legends are manually positioned using SVG groups, with each entry containing a colored rectangle and text labels for brand and value.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 Pie Chart

This pie chart visualizes 2022 US auto sales by brand, showing each brand’s market share as a percentage and total sales in thousands. The visualization uses D3 v5 with `d3.pie` and `d3.arc` to generate SVG paths, while `d3.scaleOrdinal` assigns distinct colors to each segment. Legends display brand names, percentage values, and sales figures formatted with `d3.format`. Data is loaded asynchronously from a CSV file hosted on GitHub Gist via a helper function that imports `d3.csv`.

KKeerthipriyaBankuru

96% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes 2022 US auto sales by brand, displaying each brand’s year-to-date sales as a proportional slice with a color-coded legend that also lists the percentage and sales volume in thousands. The chart is built using D3 v5, with the `d3.pie` and `d3.arc` functions generating the segments from data loaded via a custom `getData` helper. Colors are assigned using `d3.scaleOrdinal`, and the legend is constructed manually with SVG `<rect>` and `<text>` elements. The visualization renders as static SVG, with a simple title and centered layout.

66264kusuma@gmail.com

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

94% match

Loading thumbnail…

ICE 7-of Pie Chart(Revanth)

This pie chart displays 2022 US auto sales by brand, with each slice sized proportionally to year-to-date sales and accompanied by a legend showing brand names, percentage of total sales, and sales volume in thousands. The visualization uses d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal assigning categorical colors. Sales data is loaded as CSV from a GitHub gist and processed in JavaScript, while percentages are formatted using d3.format.

RRevanthGrreddy

94% match

Loading thumbnail…

ICE-7 DV Pie Chart Car Sales

This pie chart displays 2022 US auto sales by brand, showing each manufacturer’s market share as a percentage and total units sold in thousands. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw SVG path segments, with `scaleOrdinal` assigning categorical colors. A legend on the right lists each brand with its percentage and sales volume, formatted via `d3.format`. Data is loaded asynchronously from a CSV gist using `d3.csv`, and the chart is rendered with SVG elements in a blank 960×450 canvas.

MMounikadontireddy

93% match

Loading thumbnail…

Sreekar pie Ice 7

This visualization shows 2022 U.S. auto sales by brand as a pie chart, with each slice colored and labeled via an interactive legend that displays both the brand name and its percentage of total sales alongside the raw sales figure in thousands. The chart is rendered using D3 v5’s `pie` and `arc` generators to compute the slice geometry, while `scaleOrdinal` assigns a fixed color palette to each brand. Data is loaded asynchronously from a CSV file via `d3.csv` and then processed to sum the YTD sales column for percentage calculations. The SVG output includes a center-aligned title and a legend positioned to the right of the pie.

SSreekarveeravelly

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

91% match

Loading thumbnail…

ICE - 7 Pie Chart for Car Sales (11508271)

This example visualizes top brand car sales in the USA for 2020 as a pie chart, with each slice labeled in thousands and a legend listing brands and their corresponding sales values. It uses d3.csv to load the data from a remote CSV file, then d3.pie and d3.arc to generate the chart’s paths, while d3.scaleOrdinal assigns colors to slices. All rendering is done via SVG, with text elements placed using arc.centroid for slice labels and a custom legend built from appended rectangles and text.

Aabdulmoin9624

91% match