Fork of Pie Chart

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

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 US auto sales by brand, showing each brand’s year-to-date sales as a colored arc segment with a legend listing brand names and sales values in thousands. A sequential color scale, defined via `d3.scaleOrdinal`, maps each brand to a distinct color. The chart is rendered as SVG using `d3.pie` to compute angular segments and `d3.arc` to generate the paths, while `d3.csv` loads the population dataset from a GitHub gist. The legend and ticks are positioned manually, with sales formatted using `d3.format`.

Ggayathri

Fork of Pie Chart

Ggayathri

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

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

Fork of Pie Chart

This visualization shows 2022 US auto sales by brand as a pie chart with a legend displaying brand names, percentage of total sales, and sales volumes in thousands. Built with d3 v5, it loads CSV data from a GitHub gist, parses the data, and uses `pie()`, `arc()`, and `scaleOrdinal()` to generate SVG path segments with distinct colors. The chart appends legend rectangles and text elements, formatting percentages and values with `format('.4~g')`. The sales values are summed to calculate percentages, and the rendering is driven by an async `getData()` function.

SSheshidharreddy

Fork of Pie Chart

This fork of a pie chart visualizes 2022 US auto sales by brand, showing each brand's market share as a slice of the pie. The chart also provides a legend that lists each brand, its percentage of total sales, and the sales volume in thousands. The visualization is built with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and color the segments. Data is loaded from a CSV file hosted on GitHub using `d3.csv`.

MMalempatiSaranya