Pie Chart 11590101

100%

Pie Chart 11590101

✓ Published1🌍 Public

Last edited Mar 12, 2023

Created on Mar 12, 2023

A donut chart visualizes 2022 US auto sales by brand, displaying each brand's market share as a proportional arc with a color-coded legend. The chart shows sales percentages and raw numbers (in thousands) next to each brand name using D3's `pie`, `arc`, and `scaleOrdinal` APIs. Data is loaded asynchronously from a CSV via `d3.csv`, with the total sales calculated to compute percentages for display.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This donut chart visualizes 2022 US auto sales by brand, with each arc segment representing a brand's year-to-date sales. A legend lists each brand with its corresponding color and sales value, formatted in thousands. The visualization uses D3.js v5 with the `pie`, `arc`, and `scaleOrdinal` APIs to compute the pie geometry and color mapping, while data is loaded from a CSV file via `d3.csv`. The SVG output is generated by drawing paths and appending legend groups, with styling applied through CSS.

BBajiSharifPatan@my.unt.edu

94% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays 2022 US auto sales by brand as a donut-style pie chart, with each brand's proportional market share represented by a colored arc segment. The chart includes a custom legend showing each brand, its sales volume in thousands, and its percentage of total sales. The code loads CSV data from a GitHub Gist and renders the chart as an SVG using D3 v5's `pie`, `arc`, and `scaleOrdinal` functions for segment layout and color assignment. Legends are manually constructed with appended `rect` and `text` elements, with formatting applied via D3's `format` API.

Sshivendrarai

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

93% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, showing each brand’s year-to-date sales as a slice of a donut. The chart uses a categorical color scale to distinguish brands and includes a legend with each brand’s name and sales value in thousands. Built with D3 v5, the code loads CSV data from a GitHub gist using `d3.csv`, then constructs the pie with `d3.pie` and `d3.arc`, and renders the SVG paths and legend using `d3.select` and `d3.scaleOrdinal`.

Bbindhureddy98

93% match

Loading thumbnail…

Fork of Pie Chart

A donut chart visualizes 2022 U.S. auto sales by brand, with each arc’s size proportional to year-to-date sales and a color-coded legend showing brand names and values in thousands. The visualization loads CSV data from a Gist URL using `d3.csv`, calculates the total, and renders the chart with D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `select` APIs. SVG output is drawn to a 960×500 canvas with interactive text and rectangle legends styled via CSS.

Ppravallikayaram12

92% match

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

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

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

92% match