Fork of Fork of Fork of Pie Chart

100%

Fork of Fork of Fork of Pie Chart

✓ Published3🌍 Public

Last edited Mar 26, 2022

Created on Mar 26, 2022

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`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand using a pie chart, with each slice's fill color and legend label derived from the sales data. The chart is rendered as SVG, with pie segments generated by the `d3.pie` and `d3.arc` functions, while `d3.scaleOrdinal` maps colors to sales values. Legend entries include each brand name and its sales total formatted with `d3.format`. Data is loaded asynchronously from a CSV file via a custom `getData` module using D3 v5's `d3.csv`.

KKolliTeja

97% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Pie Chart

This visualization displays 2022 US auto sales by brand as a pie chart, with a legend showing each brand’s name, percentage of total sales, and sales volume in thousands. Built with D3 v5, it loads CSV data from a GitHub gist via `d3.csv`, computes pie arcs using `d3.pie`, and renders paths with `d3.arc`. A sequential color scale (`d3.scaleOrdinal`) assigns colors, while custom legend text is positioned using SVG groups and transforms.

NNaimisha-M

96% match

Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart with a legend listing each brand, its percentage of total sales, and its sales volume in thousands. The chart renders as an SVG using D3 v5, with sales data loaded from a CSV file via a helper function that uses `d3.csv`. Slices are generated with `d3.pie` and `d3.arc`, while `d3.scaleOrdinal` assigns colors to each brand. The legend displays brand names and computed percentages and volumes, with values formatted using `d3.format`.

NNaimisha-M

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

96% match

Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with a color-coded legend listing each brand and its total sales in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then computes the pie layout with `d3.pie` and draws the segments with `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the chart is rendered as SVG in a 960×500 viewport, with a separate legend group built from the same data.

Bbindhureddy98

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

96% match