Fork of Fork of Pie Chart

100%

Fork of Fork of Pie Chart

✓ Published0🌍 Public

Last edited Apr 28, 2024

Created on Apr 28, 2024

This pie chart visualizes 2022 U.S. auto sales by brand, using data loaded from a CSV file. The chart displays proportional slices colored with a custom ordinal scale, alongside a legend showing each brand’s name, percentage of total sales, and sales volume in thousands. The visualization is built with D3 v5, using its `pie`, `arc`, `scaleOrdinal`, and `select` APIs to render SVG paths and text. Data is fetched asynchronously via a `csv` import and processed to compute totals before rendering.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Pie Chart

This pie chart displays 2022 U.S. auto sales by brand, with each slice’s size proportional to the brand’s year-to-date sales. A legend on the right hand side lists each brand with its corresponding sales value in thousands. Built with d3.js v5, the visualization uses the `pie` layout and `arc` generator to create the SVG paths, with a `scaleOrdinal` color scheme for slice fills. Data is loaded from a CSV file via `csv` and formatted using `format`.

JJyothicherukuri

97% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s size proportional to its year-to-date sales figures. The code loads data from a CSV file via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths for the chart. A `d3.scaleOrdinal` maps sales values to distinct colors, while a legend displays brand names and formatted sales totals using `d3.format`. The visualization is rendered entirely as SVG within an HTML page, with styling applied through an external stylesheet.

MMar-99

96% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s size proportional to year-to-date sales and a legend showing brand names and values in thousands. The chart loads CSV data from a GitHub gist using `d3.csv`, then renders paths with `d3.pie` and `d3.arc`, colors slices via `d3.scaleOrdinal`, and appends SVG legends with formatted numbers via `d3.format`.

Ssaivinay143

96% match

Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand using a pie chart built with D3 v5. The chart displays proportional slices for each brand, with a legend showing brand names and corresponding sales values in thousands, alongside color-coded rectangles. The code loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.pie`, and renders SVG paths using `d3.arc` with ordinal color scaling. Legends are appended as SVG groups, and sales values are formatted with `d3.format`.

Bbindhureddy98

95% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays 2022 US auto sales by brand, sourced from a gist-hosted CSV file, with each brand's market share represented as a colored slice. The chart uses D3 v5 APIs `d3.select`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths, while a hand-built legend shows the brand name, its percentage of total sales, and sales value in thousands. The accompanying D3 code loads the CSV via `d3.csv` and computes totals to format the percentage and value labels.

Aamiralitah

95% match

Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, showing each brand’s share as a percentage and raw sales in thousands. The visualization uses a static SVG rendered with D3 v5, where slices are generated via `d3.pie` and `d3.arc`, with colors assigned using `d3.scaleOrdinal`. Legends are manually appended, listing each brand, its percentage, and sales volume. Data is loaded asynchronously from a CSV file hosted in a GitHub gist using `d3.csv`, with numeric sales values parsed before rendering.

Eeravellisaimeghana

95% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, sourced from a CSV of electric vehicle deliveries. Each slice shows the proportion of total sales, while a legend lists brand names, their percentage of the total, and sales figures in thousands. The code loads data using `d3.csv`, computes pie angles with `d3.pie`, and draws SVG paths with `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the legend uses formatted text for percentages and values.

Tttummala17

95% match

Loading thumbnail…

Fork of Fork of Pie Chart

A pie chart displays 2022 US auto sales by brand, with each slice sized by year-to-date sales and a legend showing brand names, percentage of total sales, and sales figures in thousands. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders with `d3.pie` and `d3.arc`, applying a fixed color scale via `d3.scaleOrdinal`. Labels are formatted with `d3.format`, and the SVG is generated entirely in the browser.

NNaimisha-M

95% match