Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published1🌍 Public

Last edited Mar 26, 2022

Created on Mar 26, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with a legend listing each brand and its sales value in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then builds the chart with `d3.pie` and `d3.arc` for segment geometry. A `d3.scaleOrdinal` maps sales values to a custom color palette, and SVG paths and text elements render the chart and legend. The visualization uses D3 v5 and is drawn entirely in SVG.

AArv1228

98% match

Loading thumbnail…

Fork of Pie Chart

This example shows the 2022 U.S. auto sales distribution by brand as a pie chart with a color-coded legend listing each brand’s percentage and sales volume. It loads CSV data from a GitHub Gist using `d3.csv` and renders the chart with SVG. The chart uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for colors, and `d3.format` for tick labels, with legends built manually via appended SVG groups.

KKiran Jyothi Bodduluri-11604571

97% match

Loading thumbnail…

Fork of Pie Chart

This example displays 2022 US auto sales by brand as a pie chart with a corresponding legend. It loads CSV data from a GitHub gist via the d3.csv method, then processes it using d3.pie and renders SVG paths with d3.arc. A d3.scaleOrdinal maps brand sales to a fixed color palette, while text labels show each brand’s cumulative year-to-date sales in thousands. The visualization uses D3 v5 and SVG, with styling defined in an external stylesheet.

AArv1228

97% match

Loading thumbnail…

Fork of Pie Chart

This example displays 2022 US auto sales by brand as a pie chart, with each slice’s color, percentage, and total sales in thousands labeled in a legend. It loads CSV data from a Gist URL using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, with `d3.scaleOrdinal` assigning colors. The legend, built with SVG rectangles and text, shows each brand’s name, percentage of total sales, and absolute count. The chart is rendered synchronously in SVG within a static HTML page, with styling defined in an external CSS file.

RRahulSai05

97% match

Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart with an interactive legend. The chart maps each brand's year-to-date sales to a colored arc using `d3.pie` and `d3.arc`, with a manually defined color scale via `d3.scaleOrdinal`. The SVG is generated by D3 v5, and legend entries display each brand name alongside its sales value in thousands. It loads CSV data from a GitHub gist using `d3.csv`.

Ppreethamkesa

97% 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 Pie Chart

This chart shows 2022 US auto sales by brand as a pie chart with a color-coded legend displaying each brand's name and sales volume in thousands. The visualization loads data from a CSV file hosted on a GitHub gist, then uses the D3.js pie, arc, and scaleOrdinal APIs to generate the chart and legend within an SVG container. Each segment's fill color is mapped based on the brand's year-to-date sales value, and legend values are formatted using the d3.format API.

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