second

100%

✓ Published1🌍 Public

119h61a05c9@cvsr.ac.in

Last edited Oct 28, 2025

Created on Oct 28, 2025

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)`.

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

91% match

Loading thumbnail…

two

This pie chart visualizes total sales across product categories using data loaded from a CSV file. Categories include Electronics, Clothing, Furniture, Groceries, and Stationery, with summed sales values displayed directly on each slice. The visualization uses d3.csv to load the data, d3.rollups to aggregate sales by category, and d3.pie with d3.arc to generate the slices. A categorical color scale assigns distinct hues, while labels and a legend provide context. The chart is rendered as SVG within an HTML page, with arcs stroked in white for separation.

Mmsahithipatel@gmail.com

89% 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

86% match

Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha

85% match

Loading thumbnail…

Question 1

This pie chart visualizes sales distribution by product category, using a categorical color scale to differentiate segments and displaying numeric values directly inside each slice. It loads CSV data from a GitHub Gist, converts the values to numbers, and renders the chart with d3.pie, d3.arc, and d3.scaleOrdinal. A custom legend built with SVG rectangles and text identifies each category, while positional labels for "Product Categories" and "Sales Value" reinforce the chart’s context. The visualization uses D3 v7 with an SVG-based rendering approach.

Ppavanbellam@my.unt.edu

85% match

Loading thumbnail…

ProductSales_PieChart

A pie chart visualizes the distribution of sales across six product categories, displaying each product's name and percentage inside its slice. Built with D3.js v7, the visualization uses `d3.pie` to compute arc segments and `d3.arc` for rendering paths, with an ordinal color scale assigning distinct hues. Sales data from a CSV file is loaded via `d3.csv`, and a legend on the right lists each product with its corresponding color and total sales value. The chart includes white stroke separators and labels positioned using arc centroids.

AALIMINETI SPOORTHY REDDY

84% match

Loading thumbnail…

test

This pie chart displays the distribution of product sales by category, using aggregated data from a CSV file. The visualization presents each category as a colored slice, with a legend identifying the categories and a title above the chart. Built with D3 v7, the code uses `d3.pie`, `d3.arc`, and `d3.rollup` to process and render the data, while SVG elements provide the visual output. Interactive hover effects enlarge slices and display category sales totals, with transitions animating the changes.

SSaiHarshitManda@my.unt.edu

83% match

Loading thumbnail…

Question1

This pie chart visualizes product sales distribution, with each slice sized proportionally to its revenue share and a corresponding legend displaying category names and percentage values. The chart uses d3.pie and d3.arc to generate the SVG paths, with a scaleOrdinal color scale assigning distinct hues to each segment. Data is loaded asynchronously from a CSV via d3.csv, and percentage labels are formatted with d3.format. The total sum of all values is calculated to compute each category’s share.

MMandadi Nishita

83% match