Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published2🌍 Public
VVenkata Rajashekar Reddy Chinthala
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from Pie Chart

This fork of a pie chart displays 2022 US auto sales by brand, with each slice representing a brand's year-to-date sales volume and a matching color-coded legend that labels each brand with its sales figure in thousands. Built with D3 v5, the visualization loads CSV data from a GitHub gist using `d3.csv`, then applies the `d3.pie` layout and `d3.arc` generator to render the SVG paths. Color mapping uses `d3.scaleOrdinal` with a custom palette, while `d3.format` formats the legend values. The chart is rendered as an SVG with custom CSS styling for text and legend elements.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, sourced from a CSV file loaded via d3.csv. The visualization uses d3.pie() and arc generators to create SVG paths, with a scaleOrdinal color scheme mapping each brand’s YTD sales value. A legend lists each brand with its corresponding color and sales figure formatted in thousands (K). The rendering approach relies on SVG elements within a 960x500 viewport, with data preprocessing converting string values to numbers before generating the chart.

VVenkata Rajashekar Reddy Chinthala
97% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2022 US auto sales by brand, showing each brand's market share as a slice of the pie. The chart also provides a legend that lists each brand, its percentage of total sales, and the sales volume in thousands. The visualization is built with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and color the segments. Data is loaded from a CSV file hosted on GitHub using `d3.csv`.

MMalempatiSaranya
96% 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
96% 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
96% 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
96% 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
96% match