Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published0🌍 Public

Last edited Mar 29, 2022

Created on Mar 29, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

96% match

Loading thumbnail…

Fork of Pie Chart

This pie chart displays 2022 U.S. auto sales by brand, with each slice sized by year-to-date sales and a corresponding legend showing brand names and sales totals in thousands. The visualization uses d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal assigning colors to slices. Data loads asynchronously via d3.csv from a GitHub gist, and the code formats sales values using d3.format. A legend is built manually with SVG rectangles and text elements, while the chart itself is centered within a 960x500 viewport.

KKolliTeja

96% match

Loading thumbnail…

Fork of Pie Chart

A fork of a pie chart visualization displays 2022 US auto sales by brand, sourced from a CSV file hosted on a gist. The chart uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning a custom color palette. Each brand’s slice is accompanied by a legend showing the brand name, its percentage of total sales (computed from the summed YTD values), and the sales figure in thousands. The code loads data asynchronously using d3.csv, then renders the chart and legends via SVG groups, with text formatted using d3.format.

Eeravellisaimeghana

96% match

Loading thumbnail…

Fork of Pie Chart

Eeravellisaimeghana

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

96% match

Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 US auto sales by brand, displaying each brand’s market share as a percentage and raw sales in thousands. The chart renders as an SVG using D3 v5, loading CSV data from a GitHub Gist via `d3.csv`. The code employs `d3.pie()` to compute arc angles, `d3.arc()` for segment paths, and `d3.scaleOrdinal` for categorical colors. Legends show brand names, percentage, and sales values, formatted with `d3.format`, while interactions are minimal, focusing solely on static data presentation.

NNaimisha-M

96% match