Harsha 1

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

Ssrinathkarumuru@my.unt.edu

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.

Nnagasuryaharsha999@gmail.com

ICE7_PieChart_HarshaPalacharla

This pie chart visualizes the distribution of smoking habits from a CSV health dataset. It shows the relative counts of each smoking habit category as colored slices, with labels and a legend displaying the exact counts. The visualization is built with D3 v7, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.rollup()` to aggregate the data, and `d3.scaleOrdinal()` with `d3.schemeCategory10` for coloring. The SVG rendering positions labels via `labelArc.centroid()` and places the legend to the right of the chart.

CChindamrohan321@gmail.com

pie chart

A pie chart visualizes the proportion of sales across three product categories—Electronics, Clothing, and Food—using hardcoded data from an array. The chart is rendered as SVG with D3.js v7, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate the path shapes, which are filled using a categorical color scale. Each slice includes a centered text label displaying the category and sales value, while a separate legend lists the categories with their corresponding colors.

SSaiHarshitManda@my.unt.edu

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.

PieChart-D3

A pie chart displays the distribution of fruit categories from a CSV file, with each slice labeled and a corresponding color legend. The chart is rendered as SVG using D3 v7, with the pie layout created via `d3.pie` and `d3.arc`, and colors assigned through `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded asynchronously with `d3.csv`, and slice labels are positioned using `arc.centroid`. The legend is built manually by appending colored rectangles and text elements.

Kkblikitha22@gmail.com

Kkirankumari26guj@gmail.com

Piechart

A pie chart displays chocolate sales proportions by product category. The visualization uses D3.js version 7, loading data from a CSV file and mapping category values to colors with `d3.scaleOrdinal` and `d3.schemeSet2`. The `d3.pie()` and `d3.arc()` functions generate the chart geometry, rendering each segment as a filled SVG path with white strokes. A custom HTML legend, built with D3 selections, labels each category using the same color scale, while the page layout is styled through external CSS.

Harshita Question1

This example displays a pie chart that visualizes the proportional distribution of three data values (A, B, C) using D3.js v7. It constructs the chart with `pie`, `arc`, and `scaleOrdinal` APIs from the D3 library, applying a categorical color scheme and pad angles between segments. The data is loaded from a local ES6 module, and the visualization is rendered as an SVG element. Interactive mouseover events log the corresponding data label to the console.

HHarshita Vairagade