Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
Ssaivinay143
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from Pie Chart

This visualization shows car sales for the month of May, displaying each state's count as a slice of a pie chart with proportional labels and a corresponding legend. The chart uses d3.pie and d3.arc to generate the segments, d3.scaleOrdinal for colors, and d3.select to manipulate the SVG. Data is loaded asynchronously from a GitHub-hosted CSV using d3.csv. Labels apply a custom d3.format tick format, while the legend lists state names and their values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart displays car sales for the month of May across multiple car brands, with each slice labeled with its sales value in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, rendered as SVG. An ordinal color scale maps each brand to a distinct color from a hardcoded array. Legends appear at the right, listing each brand and its corresponding value, while the data is loaded asynchronously from a CSV hosted on GitHub Gist using `d3.csv`.

Vvaddepallinaveen
88% match
Loading thumbnail…

Fork of Pie Chart

This example visualizes state sales data as a pie chart, with each slice colored by total sales value and a corresponding legend listing state names alongside their formatted dollar amounts. The top ten states by sales are shown, sorted in descending order. Built with React and D3 v5, it uses d3.pie, d3.arc, and d3.scaleOrdinal to generate SVG paths, while d3.csv loads the external dataset from a GitHub gist. Mouseover events log slice data to the console, and all rendering occurs within an SVG container.

NNeeharikaGali
85% match
Loading thumbnail…

Fork of Pie Chart

This pie chart displays 2022 U.S. auto sales by brand, with each slice sized by year-to-date sales and a corresponding legend showing brand names and sales totals in thousands. The visualization uses d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal assigning colors to slices. Data loads asynchronously via d3.csv from a GitHub gist, and the code formats sales values using d3.format. A legend is built manually with SVG rectangles and text elements, while the chart itself is centered within a 960x500 viewport.

KKolliTeja
85% 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
85% 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
84% 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
84% 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
84% match
Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s color, area, and legend entry representing the year-to-date sales figures. The legend lists brand names alongside their percentage of total sales and raw sales values in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` for colors and `d3.format` for tick labels. Legends are appended as SVG groups with rectangles and text elements.

Eeravellisaimeghana
84% match