Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Pie Chart

✓ Published0🌍 Public
RRahulSai05
Last edited Mar 28, 2022
Created on Mar 28, 2022
Forked from Fork of Pie Chart

A pie chart displays 2022 US auto sales by brand, with each slice sized by YTD sales and a color-coded legend listing brand names and sales values in thousands. The visualization loads CSV data from a GitHub gist using d3.csv, then constructs the chart with d3.pie, d3.arc, and d3.scaleOrdinal, rendering SVG paths and legend elements via d3-selection. The code uses D3 v5 with an async data-loading pattern and custom tick formatting for sales figures.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, sourced from a CSV file loaded via d3.csv. The visualization uses d3.pie() and arc generators to create SVG paths, with a scaleOrdinal color scheme mapping each brand’s YTD sales value. A legend lists each brand with its corresponding color and sales figure formatted in thousands (K). The rendering approach relies on SVG elements within a 960x500 viewport, with data preprocessing converting string values to numbers before generating the chart.

VVenkata Rajashekar Reddy Chinthala
96% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays 2022 US auto sales by brand, with each slice representing a brand's year-to-date sales volume and a matching color-coded legend that labels each brand with its sales figure in thousands. Built with D3 v5, the visualization loads CSV data from a GitHub gist using `d3.csv`, then applies the `d3.pie` layout and `d3.arc` generator to render the SVG paths. Color mapping uses `d3.scaleOrdinal` with a custom palette, while `d3.format` formats the legend values. The chart is rendered as an SVG with custom CSS styling for text and legend elements.

VVenkata Rajashekar Reddy Chinthala
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

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
95% 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
95% 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
95% 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
95% match
Loading thumbnail…

Fork of Pie Chart

This visualization presents 2022 US auto sales by brand as a pie chart built with D3 v5, using SVG for rendering. Each slice’s size encodes the brand’s year-to-date sales, with a color-coded legend showing brand names and formatted sales values (in thousands). The code loads CSV data via `d3.csv` from a GitHub gist, computes the pie layout with `d3.pie()`, draws arcs using `d3.arc()`, and assigns categorical colors via `d3.scaleOrdinal`. Sales values are formatted using D3’s `format` helper for the legend.

NNaveenrajaYalagandula
95% match