Skip to main content
SimilarExport ZIP
100%

Fork of two

✓ Published0🌍 Public
Mmsahithipatel@gmail.com
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from 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.

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
90% match
Loading thumbnail…

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

119h61a05c9@cvsr.ac.in
89% 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
87% 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
87% 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 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
86% match
Loading thumbnail…

Fork of pie chart for monthly sales

A fork of a pie chart displays six monthly sales snapshots, each broken into category shares (electronics, clothing, groceries, furniture, toys, books) with slice labels and a legend. The D3.js v6 code flattens monthly objects, applies a d3.pie layout and d3.arc generators to draw SVG paths, and uses d3.scaleOrdinal with schemeCategory10 for colors. Each month’s chart is offset vertically, with text labels positioned via labelArc.centroid, and data is hardcoded in the script.

Ppriyapravallika44@gmail.com
86% match
Loading thumbnail…

Fork of

A pie chart displays marks for different subjects, with each slice colored and paired with a legend identifying the subject and its numeric value. The chart reads subject and mark data from a CSV file via `d3.csv`, and uses `d3.pie` and `d3.arc` to compute the slice geometry, while `d3.scaleOrdinal` assigns categorical colors. Legends are generated as SVG groups with rectangles and text, and the whole visualization is rendered as an SVG element.

Ppravalika.thogaru10@gmail.com
85% match