Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
BBajiSharifPatan@my.unt.edu
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Pie Chart

This fork of a pie chart visualizes 2022 US auto sales by brand, showing each brand’s year-to-date sales as a colored arc with a legend listing brand names and scaled values (in thousands). The chart uses D3 v5’s `pie` and `arc` generators to compute segment angles and paths, with `scaleOrdinal` mapping sales values to a fixed color palette. Data is loaded asynchronously from a CSV file via `d3.csv`, and the SVG is rendered with appended `path` and `rect` elements. The legend and chart are positioned using SVG transforms.

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

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

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

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
95% match