Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7 Question 1

✓ Published1🌍 Public
Ddivya.matavalam828@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
89% match
Loading thumbnail…

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.

Ddivya.matavalam828@gmail.com
89% match
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
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
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
87% match
Loading thumbnail…

Fork of activity7 question1

This pie chart displays the distribution of three flower species from a loaded CSV dataset. The visualization uses d3.pie and d3.arc to compute and render the slices, with d3.scaleOrdinal providing categorical colors. Species names appear as labels positioned at each slice's centroid using arc.centroid, and the entire chart is drawn as SVG elements within a 500x500 viewport. The chart loads data through d3.csv from a remote gist URL and converts count values to numbers for proportional slice sizing.

Ssahithitoomu@gmail.com
87% match
Loading thumbnail…

Activity 7_Question 1

This pie chart visualizes the distribution of sales across product categories, with each slice labeled by category name and colored using the D3 category color scheme. Hovering over a slice displays a tooltip showing the category’s percentage of total sales, calculated from the summed values. The chart is built with SVG and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the arcs and colors, while legends are manually positioned to map categories. Data is loaded from a remote JSON file.

Ssairohithchada@gmail.com
87% 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
86% match