Skip to main content
SimilarExport ZIP
100%

Car Sales data Pie chart

✓ Published0🌍 Public
MManideeprenikindi
Last edited Jul 24, 2023
Created on Jul 24, 2023

This pie chart visualizes year-to-date car sales across multiple brands, displaying each brand’s proportional share and a corresponding legend with sales totals. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and text labels positioned via `arc.centroid`. Data is loaded asynchronously from a CSV file using `d3.csv`, with values parsed and aggregated before rendering. The example demonstrates standard D3 data-binding patterns for entering paths and legend elements.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart displays car sales for the month of May across multiple car brands, with each slice labeled with its sales value in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, rendered as SVG. An ordinal color scale maps each brand to a distinct color from a hardcoded array. Legends appear at the right, listing each brand and its corresponding value, while the data is loaded asynchronously from a CSV hosted on GitHub Gist using `d3.csv`.

Vvaddepallinaveen
91% match
Loading thumbnail…

Piechart_7

This pie chart displays 2022 US auto sales by brand, with each slice sized by year-to-date sales and a legend identifying brands and their sales in thousands. The visualization uses D3 v5 APIs including `d3.pie` for computing arc data, `d3.arc` for generating SVG paths, and `d3.scaleOrdinal` for categorical color assignment. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`, and rendered as SVG within a 960x500 canvas with a legend positioned to the right.

AABCDB15
88% match
Loading thumbnail…

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
88% match
Loading thumbnail…

-pie chart

A pie chart visualizes 2021 car sales data by type, fetched from a remote CSV file. Each slice is colored using `d3.scaleOrdinal` and `d3.schemeCategory10`, with arcs generated by `d3.arc()`. The chart displays car type labels and percentages, positioned using arc centroids. A legend, built with HTML `div` elements, is placed beside the SVG chart. The implementation uses D3 v5 with `d3.pie()` for data processing and `d3.csvParse` for data loading, all rendered as SVG.

Ssridhardubala106@gmail.com
88% match
Loading thumbnail…

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
87% match
Loading thumbnail…

AUTO SALES OF Pie Chart

This pie chart displays 2022 US auto sales by brand, showing each company’s market share as a percentage and sales volume in thousands. Built with D3 v5, it loads CSV data from a GitHub gist and uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning colors to each segment. The visualization renders a legend with color swatches, brand names, percentage values, and sales figures, all formatted using `d3.format`.

DDINESH SAI BOPPANA
87% match
Loading thumbnail…

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
87% match
Loading thumbnail…

Fork of Pie Chart

This visualization presents 2022 US auto sales by brand as a pie chart built with D3 v5, using SVG for rendering. Each slice’s size encodes the brand’s year-to-date sales, with a color-coded legend showing brand names and formatted sales values (in thousands). The code loads CSV data via `d3.csv` from a GitHub gist, computes the pie layout with `d3.pie()`, draws arcs using `d3.arc()`, and assigns categorical colors via `d3.scaleOrdinal`. Sales values are formatted using D3’s `format` helper for the legend.

NNaveenrajaYalagandula
87% match