Fork of Fork of Fork of Fork of Pie Chart

100%

Fork of Fork of Fork of Fork of Pie Chart

✓ Published0🌍 Public

Last edited Mar 10, 2023

Created on Mar 10, 2023

Forked from Fork of Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, sourced from a CSV file hosted on GitHub, with each brand’s YTD sales shown as a colored segment and corresponding legend values in thousands. The visualization uses D3 v5, leveraging `d3.pie` and `d3.arc` to compute the chart geometry, `d3.scaleOrdinal` for the categorical color palette, and SVG `path` elements for rendering. Legends are constructed manually with `rect` and `text` elements, while numerical formatting employs `d3.format` to display abbreviated values.

AI-generated description

MIT Licensed

Similar vizzes

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

Loading thumbnail…

Fork of Fork of Pie Chart

A pie chart displays 2022 US auto sales by brand, with each slice sized by YTD sales and a color-coded legend listing brand names and sales values in thousands. The visualization loads CSV data from a GitHub gist using d3.csv, then constructs the chart with d3.pie, d3.arc, and d3.scaleOrdinal, rendering SVG paths and legend elements via d3-selection. The code uses D3 v5 with an async data-loading pattern and custom tick formatting for sales figures.

RRahulSai05

95% match

Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, showing each brand’s share as a percentage and raw sales in thousands. The visualization uses a static SVG rendered with D3 v5, where slices are generated via `d3.pie` and `d3.arc`, with colors assigned using `d3.scaleOrdinal`. Legends are manually appended, listing each brand, its percentage, and sales volume. Data is loaded asynchronously from a CSV file hosted in a GitHub gist using `d3.csv`, with numeric sales values parsed before rendering.

Eeravellisaimeghana

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

95% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Pie Chart

This visualization displays 2022 US auto sales by brand as a pie chart, with a legend showing each brand’s name, percentage of total sales, and sales volume in thousands. Built with D3 v5, it loads CSV data from a GitHub gist via `d3.csv`, computes pie arcs using `d3.pie`, and renders paths with `d3.arc`. A sequential color scale (`d3.scaleOrdinal`) assigns colors, while custom legend text is positioned using SVG groups and transforms.

NNaimisha-M

95% match

Loading thumbnail…

Fork of 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.

VVenkata Rajashekar Reddy Chinthala

94% 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

94% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, with a legend displaying brand names and sales values in thousands. The chart uses D3 v5 APIs including `d3.pie` to compute arc segments, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for categorical color mapping. Data is loaded asynchronously from a CSV file hosted on a GitHub gist using `d3.csv`. The visualization renders to an SVG canvas with a fixed 960×500 viewport, and the legend labels are positioned manually via SVG transforms.

JJyothicherukuri

94% match