Activity 7 Question 1

Activity 7

This pie chart displays total sales by product, using a CSV dataset loaded from GitHub. The D3.js v7 code (with d3.csv, d3.rollup, d3.sum, d3.pie, and d3.arc) aggregates the data and renders SVG slices labeled with product names. A color legend, built with d3.scaleOrdinal and d3.schemeCategory10, lists each product and its summed sales value. The chart uses white slice strokes and a centered layout within an 800x500 SVG.

91% match

Activity 7.1 Question 1

This pie chart visualizes product sales data, displaying the proportional share of each product category as a colored slice with corresponding legend labels and percentage values. The chart loads CSV data from a GitHub gist via `d3.csv` and renders it using D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` assigning category colors. Legends are appended as SVG groups, showing category names and computed percentages, while the total sales value is calculated by summing the numeric `Value` field from the dataset.

MMandadi Nishita

91% match

Nnvishalreddy8951@gmail.com

Activity 7.1

This pie chart visualizes sales by product, with each slice sized according to the product's sales value and colored using a categorical color scheme. The visualization is built with D3.js (v7), using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` to generate and style the chart, with an SVG-based legend and labels positioned via arc centroids. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the chart is rendered entirely through SVG elements.

90% match

Divya Activity 7 Question 1

This pie chart visualizes total sales by product, showing proportional slices for each product in a sales dataset. The visualization uses D3.js v5 with SVG rendering, employing `d3.rollup` to aggregate sales totals per product and `d3.pie` to compute arc angles. The `d3.arc` generator draws the pie segments, while a color-coded legend identifies each product. Data is loaded asynchronously from a CSV file hosted on GitHub using `d3.csv`, with slices labeled directly on the chart via `arc.centroid`. The resulting graphic provides an at-a-glance comparison of sales performance across product categories.

Fork of Activity 7 Question 1

This pie chart visualizes total sales by product category using a donut layout. It loads sales data from a remote CSV file via `d3.csv`, aggregates values with `d3.rollup`, and computes arc angles using `d3.pie`. Each slice is rendered as an SVG `path` with `d3.arc`, colored by `d3.scaleOrdinal` with `d3.schemeSet2`, and labeled at the arc centroid. A manual legend maps product names to their corresponding colors. The visualization demonstrates a standard D3 v5 pie chart workflow with external data loading and SVG rendering.

Ppreethimedepalli4@gmail.com

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Bbhargavipagolu2025@gmail.com

Activity_7 Q1

This pie chart displays total sales aggregated by product category from a CSV dataset, with slices color-coded using Tableau10 and labeled directly on the chart. The visualization uses D3 v7 APIs including `d3.csv`, `d3.rollups` for aggregation, `d3.pie` for arc generation, and `d3.arc` for rendering SVG paths. The chart also includes hover effects with a tooltip and a legend, with data loaded from a GitHub-hosted Sales.csv file.

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.