Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published0🌍 Public

Last edited Mar 29, 2022

Created on Mar 29, 2022

This D3.js example visualizes 2022 US auto sales by brand as a pie chart, displaying each brand's market share as a percentage and total sales in thousands. The chart uses D3's `pie` function to compute arc segments, `arc` to render the paths, and `scaleOrdinal` to assign a custom color palette. The visualization is drawn as SVG, with a legend showing brand names, market share percentages, and sales volumes. The data is loaded from a CSV file hosted on GitHub Gist using D3's `csv` method.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, with each slice representing a brand's year-to-date sales and a legend detailing each brand's name, percentage of total sales, and sales volume in thousands. The chart is rendered using D3.js v5, with the `pie` function computing arc data and the `arc` function drawing SVG paths. Data is loaded asynchronously from a CSV file via `d3.csv`. Colors are assigned using `scaleOrdinal`, and legends display computed percentages and formatted sales values.

Aavinash021997

97% match

Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 US auto sales by brand, displaying each brand’s market share as a percentage and raw sales in thousands. The chart renders as an SVG using D3 v5, loading CSV data from a GitHub Gist via `d3.csv`. The code employs `d3.pie()` to compute arc angles, `d3.arc()` for segment paths, and `d3.scaleOrdinal` for categorical colors. Legends show brand names, percentage, and sales values, formatted with `d3.format`, while interactions are minimal, focusing solely on static data presentation.

NNaimisha-M

97% match

Loading thumbnail…

Fork of Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with each slice representing a brand’s year-to-date sales as a share of the total. The chart displays color-coded segments, a legend with brand names, and both percentage and raw sales (in thousands) labels. Using d3.csv to load data from a GitHub gist, the code employs d3.pie, d3.arc, and d3.scaleOrdinal to compute and render the SVG paths, and d3.format to abbreviate numeric tick labels.

Eeravellisaimeghana

97% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2022 US auto sales by brand, showing each brand's market share as a slice of the pie. The chart also provides a legend that lists each brand, its percentage of total sales, and the sales volume in thousands. The visualization is built with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and color the segments. Data is loaded from a CSV file hosted on GitHub using `d3.csv`.

MMalempatiSaranya

96% match

Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with each slice colored and accompanied by a legend displaying brand names, percentage of total sales, and sales volume in thousands. The chart is rendered in SVG using D3 v5, with data loaded from a CSV file via `d3.csv`. Layout is computed with `d3.pie` and `d3.arc`, while colors are mapped using `d3.scaleOrdinal`. Percentage values are formatted with `d3.format`.

Vvchittimadha@gmail.com

96% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, showing each brand’s market share as a percentage and sales volume in thousands. The chart uses d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal assigning distinct colors to each segment. Legends display brand names, percentages, and sales figures, computed from the total YTD sales. Data is loaded asynchronously from a CSV file using d3.csv, and the rendering is done with d3.select and SVG elements.

Eeravellisaimeghana

96% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, with a legend displaying brand names and sales values in thousands. The chart uses D3 v5 APIs including `d3.pie` to compute arc segments, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for categorical color mapping. Data is loaded asynchronously from a CSV file hosted on a GitHub gist using `d3.csv`. The visualization renders to an SVG canvas with a fixed 960×500 viewport, and the legend labels are positioned manually via SVG transforms.

JJyothicherukuri

96% match

Loading thumbnail…

Fork of Pie Chart

This D3.js v5 visualization displays 2022 US auto sales by brand as a pie chart, using a color-coded palette for each brand’s year-to-date sales. The SVG chart plots the pie in the center with a legend to the right, showing brand names and values in thousands. The code loads data from a CSV via `d3.csv`, computes arc segments with `d3.pie` and `d3.arc`, and applies ordinal colors through `d3.scaleOrdinal`. Text formatting uses `d3.format` for compact numeric labels.

BBajiSharifPatan@my.unt.edu

96% match