Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
CChaitanya Ratan Sree
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Pie Chart

A pie chart visualizes 2022 US auto sales by brand, colored by country of origin. The D3.js v5 code loads comma-separated data from a GitHub gist, converts the basic cost values to numbers, and uses `d3.pie` and `d3.arc` to generate SVG path segments. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) fills each slice. The chart includes an interactive legend on the right, where hovering over a slice logs the country and cost to the console, and legend entries display brand names with formatted dollar amounts.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 US auto sales by brand, displaying each brand’s market share as a percentage and raw sales in thousands. The chart renders as an SVG using D3 v5, loading CSV data from a GitHub Gist via `d3.csv`. The code employs `d3.pie()` to compute arc angles, `d3.arc()` for segment paths, and `d3.scaleOrdinal` for categorical colors. Legends show brand names, percentage, and sales values, formatted with `d3.format`, while interactions are minimal, focusing solely on static data presentation.

NNaimisha-M
94% 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
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
Loading thumbnail…

Fork of Pie Chart

A fork of a pie chart visualization displays 2022 US auto sales by brand, sourced from a CSV file hosted on a gist. The chart uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning a custom color palette. Each brand’s slice is accompanied by a legend showing the brand name, its percentage of total sales (computed from the summed YTD values), and the sales figure in thousands. The code loads data asynchronously using d3.csv, then renders the chart and legends via SVG groups, with text formatted using d3.format.

Eeravellisaimeghana
94% match
Loading thumbnail…

Fork of Pie Chart

A fork of a pie chart visualization displays 2022 US auto sales by brand, sourced from a CSV file hosted on a gist. The chart uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning a custom color palette. Each brand’s slice is accompanied by a legend showing the brand name, its percentage of total sales (computed from the summed YTD values), and the sales figure in thousands. The code loads data asynchronously using d3.csv, then renders the chart and legends via SVG groups, with text formatted using d3.format.

Eeravellisaimeghana
94% match
Loading thumbnail…

Fork of Pie Chart

This visualization presents 2022 US auto sales by brand as a pie chart, using D3 v5 to load CSV data from a GitHub gist and render SVG sectors. It employs `d3.pie` for arc generation, `d3.arc` for path construction, and `d3.scaleOrdinal` for a custom color palette. A legend lists each brand with its percentage share of total sales and raw sales figures in thousands, formatted via `d3.format`. The chart is centered in an HTML page with a styled title, all code running from a bundled script with async data loading.

SSaiSreya1
94% match
Loading thumbnail…

Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart, with each slice colored and accompanied by legends displaying brand names, percentage of total sales, and sales in thousands. It uses d3.pie and d3.arc to generate the SVG paths, d3.scaleOrdinal for color assignment, and d3.csv to load data from a gist. Percentages and formatted sales values are rendered via d3.format alongside the chart’s interactive legend.

Kkarumanchimanasa
93% match
Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 US auto sales by brand, using a dataset loaded from a GitHub gist via `d3.csv`. The chart displays each brand's market share as a colored slice, with a legend on the right showing the brand name, its percentage of total sales, and its sales in thousands. Built with D3 version 5, the visualization uses `d3.pie` and `d3.arc` to generate the SVG paths, `d3.scaleOrdinal` for color assignment, and custom text elements for the legend.

Kkakumanusreya
93% match