Assignment2-Piechart

100%

Assignment2-Piechart

✓ Published0🌍 Public

Last edited Jul 13, 2024

Created on Jul 13, 2024

This pie chart visualizes United States car sales by brand using data from a CSV file. Built with D3 v5, it renders an SVG with color-coded segments and a legend, where each slice's size reflects the brand's year-to-date sales. The code uses D3's `pie`, `arc`, and `scaleOrdinal` APIs to compute and style the chart, and loads data via `csv` from a GitHub gist.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This D3.js v5 visualization displays 2022 US auto sales by brand as a pie chart, using a color-coded palette for each brand’s year-to-date sales. The SVG chart plots the pie in the center with a legend to the right, showing brand names and values in thousands. The code loads data from a CSV via `d3.csv`, computes arc segments with `d3.pie` and `d3.arc`, and applies ordinal colors through `d3.scaleOrdinal`. Text formatting uses `d3.format` for compact numeric labels.

BBajiSharifPatan@my.unt.edu

88% match

Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with a color-coded legend listing each brand and its total sales in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then computes the pie layout with `d3.pie` and draws the segments with `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the chart is rendered as SVG in a 960×500 viewport, with a separate legend group built from the same data.

Bbindhureddy98

88% match

Loading thumbnail…

Pie Chart

This pie chart visualizes 2022 US auto sales by brand, using a CSV data source loaded from a GitHub gist. Each slice represents a brand's year-to-date sales, with colors assigned via `scaleOrdinal` and the chart drawn using `d3.pie` and `d3.arc`. A legend displays the brand name, its percentage of the total, and sales volume in thousands. The visualization is rendered as an SVG using D3 v5, with data parsed and aggregated in JavaScript.

RRavi Teja Bonam

88% match

Loading thumbnail…

Fork of Pie Chart

This example displays 2022 US auto sales by brand as a pie chart with a corresponding legend. It loads CSV data from a GitHub gist via the d3.csv method, then processes it using d3.pie and renders SVG paths with d3.arc. A d3.scaleOrdinal maps brand sales to a fixed color palette, while text labels show each brand’s cumulative year-to-date sales in thousands. The visualization uses D3 v5 and SVG, with styling defined in an external stylesheet.

AArv1228

88% match

Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with a legend listing each brand and its sales value in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then builds the chart with `d3.pie` and `d3.arc` for segment geometry. A `d3.scaleOrdinal` maps sales values to a custom color palette, and SVG paths and text elements render the chart and legend. The visualization uses D3 v5 and is drawn entirely in SVG.

AArv1228

88% match

Loading thumbnail…

Fork of Pie Chart

This example shows the 2022 U.S. auto sales distribution by brand as a pie chart with a color-coded legend listing each brand’s percentage and sales volume. It loads CSV data from a GitHub Gist using `d3.csv` and renders the chart with SVG. The chart uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for colors, and `d3.format` for tick labels, with legends built manually via appended SVG groups.

KKiran Jyothi Bodduluri-11604571

88% 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 visualizes 2022 U.S. auto sales by brand, with each slice’s size proportional to year-to-date sales and a legend showing brand names and values in thousands. The chart loads CSV data from a GitHub gist using `d3.csv`, then renders paths with `d3.pie` and `d3.arc`, colors slices via `d3.scaleOrdinal`, and appends SVG legends with formatted numbers via `d3.format`.

Ssaivinay143

88% match