Skip to main content
SimilarExport ZIP
100%

Activity 7 Pie chart

✓ Published1🌍 Public
Ssreejabommineni1506@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from IRIS Activity 7

This pie chart visualizes total sales by region, with each slice labeled and a color-coded legend. It loads CSV data from a GitHub repository, aggregates sales per region, and renders an SVG using D3 v6 APIs such as `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau 10 color scheme. The chart fills the browser window and includes hover effects for interactivity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_1

This pie chart visualizes fruit sales distribution across four regions: North, South, East, and West. The visualization loads CSV data from a GitHub gist and uses D3.js v7's `csv`, `pie`, and `arc` generators to compute and render the SVG paths. Each slice is colored via a categorical color array and labeled with its region and value, with additional title, axis-style labels, and a legend legend positioned around the chart.

Aamarnadhkari98@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
88% 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
87% 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
87% match
Loading thumbnail…

Activity7_1

This example displays fruit sales distribution across four regions in a pie chart, with each slice labeled to show the regional values and a legend identifying the color mapping. The visualization is rendered as an SVG using D3 v7, where the pie chart is generated from CSV data loaded via the `d3.csv` function, and slices are drawn with the `d3.pie` and `d3.arc` methods. The code also uses D3's selection and join operations to append paths and text elements, with custom styling for the title, axis-like labels, and legend.

Aamarnadhkari98@gmail.com
86% match
Loading thumbnail…

Activity 7

This pie chart visualizes the top 10 store areas by sales, using a dataset fetched via `d3.csv` from a GitHub-hosted CSV file. Slices are generated with `d3.pie()` and drawn as SVG paths using `d3.arc()`, with each slice labeled by its store area and sales value. A legend, built with SVG groups, maps the color-coded categories to their names. The chart uses a custom color scale from `d3.scaleOrdinal()` and is styled with a bordered SVG container.

Hhlmn4936@gmail.com
86% 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
85% 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
85% match