Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published0🌍 Public
Ddivya.matavalam828@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Nnvishalreddy8951@gmail.com
93% match
Loading thumbnail…

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.

Bbhargavipagolu2025@gmail.com
91% match
Loading thumbnail…

Activity 7 Question 1

This visualization shows the sales distribution by product as a pie chart, with each slice sized proportionally to the total sales for that product. The code loads a CSV file from a GitHub repository using `d3.csv`, then groups and aggregates the data with `d3.rollup` and `d3.sum`. It renders the pie chart using `d3.pie` and `d3.arc` paths, colors slices with `d3.scaleOrdinal` and the Tableau 10 color scheme, and adds a legend with product names and colored swatches. The chart is drawn as an SVG with white slice strokes and labels positioned at slice centroids.

Ddivya.matavalam828@gmail.com
91% match
Loading thumbnail…

Activity_7.1

This pie chart visualizes the distribution of total sales across product categories from an autosales CSV dataset, with each slice’s percentage and value in thousands shown in a side legend. The chart uses D3 v7’s `pie` and `arc` generators to compute and draw the segments, while `scaleOrdinal` assigns distinct colors. Data is loaded asynchronously via `d3.csv`, and sales strings are cleaned by removing dollar signs and commas before calculating totals and percentages.

Jjampani921@gmail.com
90% match
Loading thumbnail…

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.

Ddivya.matavalam828@gmail.com
89% match
Loading thumbnail…

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.

Ddivya.matavalam828@gmail.com
88% match
Loading thumbnail…

Activity-7_Q1

This pie chart visualizes product sales distribution across categories, using a standard D3 pie layout with labeled slices and a color-coded legend. The data is loaded from a remote CSV file via `d3.csv` and rendered as SVG. It uses `d3.pie()` for arc generation, `d3.arc()` for path construction, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical colors, with text labels positioned using `arc.centroid`.

1180030215cse@gmail.com
88% match
Loading thumbnail…

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
88% match