Fork of Pie Chart

BBajiSharifPatan@my.unt.edu

Fork of Pie Chart

This donut chart visualizes 2022 US auto sales by brand, with each arc segment representing a brand's year-to-date sales. A legend lists each brand with its corresponding color and sales value, formatted in thousands. The visualization uses D3.js v5 with the `pie`, `arc`, and `scaleOrdinal` APIs to compute the pie geometry and color mapping, while data is loaded from a CSV file via `d3.csv`. The SVG output is generated by drawing paths and appending legend groups, with styling applied through CSS.

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 example visualizes 2022 US auto sales by brand as a pie chart, showing each brand’s year-to-date sales as a slice of a donut. The chart uses a categorical color scale to distinguish brands and includes a legend with each brand’s name and sales value in thousands. Built with D3 v5, the code loads CSV data from a GitHub gist using `d3.csv`, then constructs the pie with `d3.pie` and `d3.arc`, and renders the SVG paths and legend using `d3.select` and `d3.scaleOrdinal`.

Bbindhureddy98

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

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

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

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