Skip to main content
SimilarExport ZIP
100%

Activity_7 Q1

✓ Published0🌍 Public
Bbhargavipagolu2025@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from MK Pie Chart

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.

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

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
90% 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
90% 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
89% match
Loading thumbnail…

Activity_7-Q1

This example presents a D3.js pie chart visualizing categorical sales data loaded from a remote CSV file. The visualization uses `d3.csv` to fetch data, `d3.pie` to compute arc angles based on the Sales field, and `d3.arc` with an inner radius of zero to generate filled sectors. A `d3.scaleOrdinal` with `d3.schemeSet2` assigns colors to categories. The chart is rendered as SVG elements, with each path stroke outlined in white and semi-transparent opacity for visual distinction.

Aaravapalliharika2002@gmail.com
89% match
Loading thumbnail…

Activity - 7 - Q1

This pie chart shows the sales figures for a set of books, with each slice labeled by its sales value in crores and accompanied by a color-coded legend. The visualization loads data from a GitHub-hosted CSV file using `d3.csv` and renders the chart with D3 v5's `pie` and `arc` generators. Slice colors are assigned via `d3.scaleOrdinal`, and the final SVG output places the chart and its legend within a 960 by 500 pixel canvas.

NNitish Thotakura
88% match
Loading thumbnail…

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.

Ppreethimedepalli4@gmail.com
88% match
Loading thumbnail…

q1

This pie chart visualizes sales data aggregated by product category, sourced from a remote CSV file. The D3 v6 code loads the data with `d3.csv`, aggregates sales totals using `d3.rollups` and `d3.sum`, and renders an SVG pie chart with `d3.pie` and `d3.arc` paths. Each slice is labeled with the category, total sales in thousands, and percentage of the overall total. A color-coded legend is generated alongside the chart, and the visualization uses a categorical color scheme (`d3.schemeCategory10`) with semi-transparent slices and white strokes.

Kkaushikreddy901@gmail.com
88% match