Skip to main content
SimilarExport ZIP
100%

Fork of Fork of second

✓ Published0🌍 Public
119h61a05c9@cvsr.ac.in
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from Fork of second

This pie chart visualizes sales distribution across 30+ product categories using CSV data loaded via `d3.csv`. It renders SVG arcs generated by `d3.pie()` and `d3.arc()`, with a Tableau10 color scale via `d3.scaleOrdinal`. Labels are positioned along a separate `labelArc` using `centroid` calculations, while a legend lists categories with color swatches. Built with d3 v6, the chart includes interactive tooltips via appended `<title>` elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of second

This pie chart visualizes sales distribution across 43 product categories, with each slice sized proportionally to its sales value from a CSV file. The visualization uses D3.js v6 with the `d3.pie()` and `d3.arc()` generators to compute slice angles and paths, rendered as SVG elements styled with a Tableau10 color scale. Labels are positioned at arc centroids using `d3.arc().centroid()`, while a legend on the right maps colors to categories. Data from `sales_data.csv` is loaded asynchronously via `d3.csv()`.

119h61a05c9@cvsr.ac.in
94% match
Loading thumbnail…

Fork of two

This pie chart shows the proportion of total sales by product category, with labels on each slice and a legend to the side. It uses D3 v7’s `d3.rollups` to aggregate sales per category and `d3.pie` to generate arcs, while `d3.scaleOrdinal` assigns colors. Each slice’s centroid is computed with `d3.arc.centroid` for label placement, and the SVG is rendered from CSV data.

Mmsahithipatel@gmail.com
89% match
Loading thumbnail…

second

This pie chart visualizes sales distribution across 27 product categories, with each slice sized by numeric sales values loaded from a CSV file. The chart renders as an SVG using D3.js v6, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths. A Tableau10 color scale distinguishes categories, and each slice includes a text label with a tooltip showing the exact sales figure. A legend on the right side maps each color to its category, while slices are ordered by the original data order due to `.sort(null)`.

119h61a05c9@cvsr.ac.in
86% match
Loading thumbnail…

Fork of pie chart

This fork of a pie chart shows product sales distribution for a selected year, with a dropdown menu to switch between 2018 and 2024 data. The D3 v7 code loads CSV data via `d3.csv`, uses `d3.pie()` and `d3.arc()` to generate SVG slices, and renders percentage labels for segments larger than 5%. A color scale maps product names to slices, and a legend lists each product alongside its color swatch. The chart updates in place by clearing and redrawing the SVG on each year selection.

AAmrit Adhikari
86% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example presents a pie chart of aggregated sales data by product category, loaded from a CSV file hosted on GitHub and rendered as an SVG. It uses D3 v6 APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart displays each category’s total sales in thousands and its percentage share, with labeled arcs and a legend.

KKritin Kesav
86% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This pie chart shows the distribution of total sales across item categories, with each slice labeled by its category and dollar amount, alongside a color-coded legend and a centered title and subtitle. It loads data from a CSV hosted in a GitHub Gist, aggregates the sales per category using `d3.rollups` and `d3.sum`, then renders the visualization with `d3.pie` and `d3.arc`. The SVG output uses `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and D3 is loaded via a script tag from d3js.org.

Nnikhilapogula@my.unt.edu
85% match
Loading thumbnail…

Fork of Fork of countries

This example displays a pie chart of sales records, with each slice representing data grouped by country. The visualization renders using SVG and reads its data from a CSV file hosted online via `d3.csv`. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and assign colors to each segment. Each slice is labeled with its value, and a legend is drawn on the right side. The chart is generated by fetching data with `d3.csv` from a provided URL, then iterating through the records to sum the `orderdate` values for the total.

NNaimisha-M
83% match
Loading thumbnail…

Fork of Assignment 2 - Pie Chart

This fork of a D3 pie chart visualizes Superstore sales data, aggregated by product category from a CSV file. The SVG chart displays each category as a colored slice with its name and total sales value labeled directly on the arc. The code uses D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate the geometry and colors, and it computes category totals with the `group` and `sum` functions. The visualization is rendered into an SVG element with a fixed width and height.

Gganeshseeram2405@gmail.com
83% match