Fork of Fork of Pie Chart

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.

97% match

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with each slice colored and accompanied by legends displaying brand names, percentage of total sales, and sales in thousands. It uses d3.pie and d3.arc to generate the SVG paths, d3.scaleOrdinal for color assignment, and d3.csv to load data from a gist. Percentages and formatted sales values are rendered via d3.format alongside the chart’s interactive legend.

Kkarumanchimanasa

97% match

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.

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 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 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 chart displays 2022 US auto sales by brand as a pie chart, with each slice sized by year-to-date sales and accompanied by a legend showing the brand name, percentage of total sales, and sales volume in thousands. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the segments as SVG paths, while `scaleOrdinal` assigns a fixed color palette to the data values. Data is loaded asynchronously via `csv` from a Gist URL, and `format` is used to abbreviate the numeric labels.

Yyaswanthsen

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.