Fork of Pie Chart

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 fork of a pie chart visualizes 2022 US auto sales by brand, using a dataset loaded from a GitHub gist via the `d3.csv` method. The chart renders as an SVG with colored segments generated by `d3.pie` and `d3.arc`, while a legend lists each brand with its percentage and total sales in thousands. Colors are assigned using `d3.scaleOrdinal`, and numeric formatting relies on `d3.format`. The code explicitly imports functions from D3 v5 and builds the visualization through a custom `getData` async helper.

Ddeep221b

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.

Eeravellisaimeghana

Fork of Pie Chart

Eeravellisaimeghana

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.

Eeravellisaimeghana

Fork of Pie Chart

This fork of a pie chart displays 2022 US auto sales by brand, sourced from a gist-hosted CSV file, with each brand's market share represented as a colored slice. The chart uses D3 v5 APIs `d3.select`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths, while a hand-built legend shows the brand name, its percentage of total sales, and sales value in thousands. The accompanying D3 code loads the CSV via `d3.csv` and computes totals to format the percentage and value labels.

Aamiralitah

Fork of Pie Chart

This visualization displays 2022 US auto sales by brand as a donut-style pie chart, with each brand's proportional market share represented by a colored arc segment. The chart includes a custom legend showing each brand, its sales volume in thousands, and its percentage of total sales. The code loads CSV data from a GitHub Gist and renders the chart as an SVG using D3 v5's `pie`, `arc`, and `scaleOrdinal` functions for segment layout and color assignment. Legends are manually constructed with appended `rect` and `text` elements, with formatting applied via D3's `format` API.

Sshivendrarai

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