Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of HTML Starter

✓ Published0🌍 Public
Vviveknaroju999@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
100% match
Loading thumbnail…

Fork of Fork of HTML Starter

This pie chart displays the year-to-date (YTD) sales distribution across automobile brands in the USA for 2022, with each slice representing a brand’s proportional share. The chart uses D3.js v5’s `pie` and `arc` generators to create SVG paths, with `scaleOrdinal` assigning a fixed color palette to the slices. A legend on the right lists each brand’s name, percentage of total sales, and raw sales figures (in thousands), formatted via `format('.4~g')`. The data is loaded asynchronously from a CSV file hosted on GitHub using `d3.csv`, and the total sales sum is computed to calculate percentages. The visualization focuses on clear comparison through color-coded segments and an annotated legend.

Rrobertotienonyaranga@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand using a pie chart built with D3 v5. The chart displays proportional slices for each brand, with a legend showing brand names and corresponding sales values in thousands, alongside color-coded rectangles. The code loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.pie`, and renders SVG paths using `d3.arc` with ordinal color scaling. Legends are appended as SVG groups, and sales values are formatted with `d3.format`.

Bbindhureddy98
91% match
Loading thumbnail…

Fork of Fork of Pie Chart

A pie chart displays 2022 US auto sales by brand, with each slice sized by year-to-date sales and a legend showing brand names, percentage of total sales, and sales figures in thousands. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders with `d3.pie` and `d3.arc`, applying a fixed color scale via `d3.scaleOrdinal`. Labels are formatted with `d3.format`, and the SVG is generated entirely in the browser.

NNaimisha-M
91% 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 its year-to-date sales figures. The code loads data from a CSV file via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths for the chart. A `d3.scaleOrdinal` maps sales values to distinct colors, while a legend displays brand names and formatted sales totals using `d3.format`. The visualization is rendered entirely as SVG within an HTML page, with styling applied through an external stylesheet.

MMar-99
91% 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
91% match
Loading thumbnail…

Fork of Fork of Pie Chart

This pie chart displays 2022 U.S. auto sales by brand, with each slice’s size proportional to the brand’s year-to-date sales. A legend on the right hand side lists each brand with its corresponding sales value in thousands. Built with d3.js v5, the visualization uses the `pie` layout and `arc` generator to create the SVG paths, with a `scaleOrdinal` color scheme for slice fills. Data is loaded from a CSV file via `csv` and formatted using `format`.

JJyothicherukuri
90% 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
90% match