Skip to main content
SimilarExport ZIP
100%

Pie Chart Assignment 2

✓ Published1🌍 Public
LLikhithagade@my.unt.edu
Last edited Mar 27, 2025
Created on Mar 26, 2025
Forked from Hello VizHub

This pie chart shows the distribution of wholesale customer spending across six product categories: Fresh, Milk, Grocery, Frozen, Detergents_Paper, and Delicassen. The visualization displays each category’s total spending as a proportional slice of the pie, with a legend showing exact values and percentages. Using D3.js v7, the code employs `d3.pie` and `d3.arc` to generate the SVG paths, `d3.scaleOrdinal` with `d3.schemeTableau10` for coloring, and `d3.tsv` to load and parse the wholesale customer dataset from a raw GitHub gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pie chart

A pie chart visualizes customer spending across four categories—Food, Clothing, Electronics, and Entertainment—using quantitative values. Built with D3.js v7, it renders an SVG slice for each category, sized by its value, with labels positioned at each slice’s centroid. A color scale from `d3.schemeCategory10` and `d3.scaleOrdinal` map categories to fills, while `d3.arc` and `d3.pie` compute the geometry. A separate HTML legend lists each category with its corresponding color and value. The chart uses a fixed 500×500 pixel canvas and is re-rendered by clearing and redrawing the SVG elements.

Ssrinathkarumuru@my.unt.edu
83% match
Loading thumbnail…

Activity7_Q1

This pie chart displays the proportional sales distribution across five product categories—Electronics, Clothing, Groceries, Furniture, and Stationery—using a static inline dataset. Each slice is colored via a d3.scaleOrdinal with the d3.schemeSet2 palette, and labels are positioned using the arc centroid. The visualization is rendered as SVG through D3 v7, with slices drawn by d3.arc, pie layout generated by d3.pie, and a legend constructed from appended rectangles and text elements.

Aa9.hemraj@gmail.com
82% match
Loading thumbnail…

Pie Chart

This pie chart displays the proportional distribution of six product categories by value, with each slice labeled directly at its centroid. The visualization uses D3.js v7’s `d3.pie()` and `d3.arc()` generators to compute arc paths from CSV data loaded via `d3.csv()`. A category-10 ordinal color scale assigns distinct hues to each slice, while white stroke separates adjacent segments. The SVG is centered within a fixed 450×450 viewport, and text labels are positioned using the `arc.centroid()` method.

LLikhitaMudagereShivaraj@my.unt.edu
82% match
Loading thumbnail…

Assignment2 Question1

A pie chart visualizes sales distribution across five product categories, with each slice labeled and sized proportionally to its sales value. The chart uses D3.js v7 with SVG rendering, employing `d3.pie` to compute arc angles and `d3.arc` to generate the paths. A color ordinal scale assigns distinct hues to categories, while an accompanying legend lists each category with its exact sales figure. The data is loaded from a local array, matching the sample dataset, and the visualization centers the pie within a 600x500 SVG canvas.

Ppslharika@gmail.com
82% match
Loading thumbnail…

Pie Chart

This example presents a pie chart depicting the total sales distribution across item categories, sourced from a CSV file. The visualization includes a legend, a title, and a subtitle, with each slice labeled by its category and dollar amount. Built with D3.js v6, the code uses `d3.pie()` and `d3.arc()` to generate the chart, `d3.rollups` to aggregate the data, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is rendered as SVG elements, with annotations and labels positioned using arc centroids.

AAbrarb702@gmail.com
81% match
Loading thumbnail…

Task9-Pie Chart

This pie chart visualizes grocery item expenditures by category, with each slice colored and labeled by dollar value. The chart is rendered in SVG using D3 v5, with pie segments generated via `d3.pie` and `d3.arc`. Data is fetched from a remote CSV using `d3.csv`, and ordinal color scaling (`d3.scaleOrdinal`) maps categories to a four-color palette. Labels and a legend are positioned manually, with tick text formatted using `d3.format`. The visualization directly conveys relative spending across grocery item types.

VVijay Sheru
81% match
Loading thumbnail…

Assignment 9 - Pie Chart

This pie chart visualizes sales distribution by item category, showing the proportion of total sales attributed to each category. The chart is rendered as an SVG with colored arcs, percentage labels, and a legend positioned in the top-right. The code uses D3.js v6 APIs including `d3.pie()`, `d3.arc()`, `d3.rollups()`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded from an external CSV file containing item categories and total sales values.

Bbobbymeyermsis@gmail.com
81% 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
81% match