Skip to main content
SimilarExport ZIP
100%

Car Sales Donut Graph

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

This donut chart visualizes car sales by brand, showing the proportion of total vehicles sold for each manufacturer. The chart uses a categorical color scale with distinct hues for each brand, displays sales counts directly on larger segments, and includes an interactive legend listing brand names with corresponding color swatches. Built with D3 v7, the visualization loads car sales data from a CSV file and uses `d3.flatRollup`, `d3.pie`, and `d3.arc` to generate the donut geometry. Only brands with sales exceeding 1,000 units display their counts on the chart.

AI-generated description

Loading a dataset that has information on food orders/deliveries in NYC through the app Foodhub.

(Dataset from: https://www.kaggle.com/datasets/ahsan81/food-ordering-and-delivery-app-dataset)

Column Description/Data Types

order_id: unique id that is connected to each order (Ordinal)

customer_id: unique id that is connected to the customer ordering the food (Ordinal)

restaurant_name: name of the restaurant that the order is from (Categorical)

cuisine_type: type of food ordered (Categorical)

cost_of_the_order: how much the order cost (Quantitative)

day_of_the_week: either Weekend or Weekday, indicates when the order took place (Categorical)

rating: rating that customer gave on order (out of 5) (Quantitative)

food_preparation: time (in minutes) that it took the restaurant to prepare the order to be delivered (Quantitative)

delivery_time: time (in minutes) that it took for the order to be delivered to the customer (Quantitative)

MIT Licensed

Similar vizzes

Loading thumbnail…

Car Sales data Pie chart

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.

MManideeprenikindi
84% match
Loading thumbnail…

Pie Chart 11590101

A donut chart visualizes 2022 US auto sales by brand, displaying each brand's market share as a proportional arc with a color-coded legend. The chart shows sales percentages and raw numbers (in thousands) next to each brand name using D3's `pie`, `arc`, and `scaleOrdinal` APIs. Data is loaded asynchronously from a CSV via `d3.csv`, with the total sales calculated to compute percentages for display.

DDivyasri0310
83% match
Loading thumbnail…

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.

BBajiSharifPatan@my.unt.edu
82% match
Loading thumbnail…

Car Sales Bar Chart

This visualization displays car sales figures as a bar chart, with each brand represented by a vertical bar showing its last-year sales count on a linear scale. The chart includes rotated x-axis labels for readability and uses a teal color scheme for the bars. Built with D3.js v4 and React, the visualization creates an SVG graphic, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded from a CSV file containing brand and sales information.

MManideeprenikindi
82% match
Loading thumbnail…

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

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

Fork of Pie Chart

A donut chart visualizes 2022 U.S. auto sales by brand, with each arc’s size proportional to year-to-date sales and a color-coded legend showing brand names and values in thousands. The visualization loads CSV data from a Gist URL using `d3.csv`, calculates the total, and renders the chart with D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `select` APIs. SVG output is drawn to a 960×500 canvas with interactive text and rectangle legends styled via CSS.

Ppravallikayaram12
81% match