Fork of Fork of Fork of Fork of Pie Chart

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.

97% match

Fork of Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, showing each brand’s share as a percentage and raw sales in thousands. The visualization uses a static SVG rendered with D3 v5, where slices are generated via `d3.pie` and `d3.arc`, with colors assigned using `d3.scaleOrdinal`. Legends are manually appended, listing each brand, its percentage, and sales volume. Data is loaded asynchronously from a CSV file hosted in a GitHub gist using `d3.csv`, with numeric sales values parsed before rendering.

Fork of Pie Chart

This D3.js example visualizes 2022 US auto sales by brand as a pie chart, displaying each brand's market share as a percentage and total sales in thousands. The chart uses D3's `pie` function to compute arc segments, `arc` to render the paths, and `scaleOrdinal` to assign a custom color palette. The visualization is drawn as SVG, with a legend showing brand names, market share percentages, and sales volumes. The data is loaded from a CSV file hosted on GitHub Gist using D3's `csv` method.

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

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

KKolliTeja

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

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

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, showing each brand’s market share as a percentage of total year-to-date sales and its corresponding sales volume in thousands. The chart uses d3.pie and d3.arc to generate the segments, with d3.scaleOrdinal assigning colors. Data is loaded from a CSV via d3.csv, and legends display brand names, percentage shares, and sales figures. The chart is rendered as an SVG with d3.select, and text formatting uses d3.format.