Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published0🌍 Public

Last edited Mar 11, 2023

Created on Mar 11, 2023

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.

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

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

97% match

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

96% match

Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s color, area, and legend entry representing the year-to-date sales figures. The legend lists brand names alongside their percentage of total sales and raw sales values in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` for colors and `d3.format` for tick labels. Legends are appended as SVG groups with rectangles and text elements.

Eeravellisaimeghana

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

96% match

Loading thumbnail…

Fork of Pie Chart

This example presents a pie chart of 2022 U.S. auto sales by brand, showing the proportional market share of each manufacturer. It loads CSV data from a GitHub gist using `d3.csv` asynchronously, then uses `d3.pie` and `d3.arc` to generate the pie segments in an SVG. A legend on the right displays each brand’s name and its sales total in thousands, formatted with `d3.format`. Colors are assigned via `d3.scaleOrdinal` with an explicit range of hex values.

Aaashrithd4

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

96% match