Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Pie Chart

✓ Published0🌍 Public
KKolliTeja
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from 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`.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of Fork of Pie Chart

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

Bbindhureddy98
97% match
Loading thumbnail…

Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, with each slice representing a brand's year-to-date sales and a legend detailing each brand's name, percentage of total sales, and sales volume in thousands. The chart is rendered using D3.js v5, with the `pie` function computing arc data and the `arc` function drawing SVG paths. Data is loaded asynchronously from a CSV file via `d3.csv`. Colors are assigned using `scaleOrdinal`, and legends display computed percentages and formatted sales values.

Aavinash021997
96% 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
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 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 Pie Chart

This fork of a pie chart visualizes 2022 US auto sales by brand, showing each brand’s year-to-date sales as a colored arc with a legend listing brand names and scaled values (in thousands). The chart uses D3 v5’s `pie` and `arc` generators to compute segment angles and paths, with `scaleOrdinal` mapping sales values to a fixed color palette. Data is loaded asynchronously from a CSV file via `d3.csv`, and the SVG is rendered with appended `path` and `rect` elements. The legend and chart are positioned using SVG transforms.

Ppravallikayaram12
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