Skip to main content
SimilarExport ZIP
100%

ICE-7

✓ Published0🌍 Public
Ssrinathkarumuru@my.unt.edu
Last edited Oct 26, 2025
Created on Oct 26, 2025

This visualization is a donut-style pie chart that displays the average item outlet sales aggregated by outlet location type. The chart uses a categorical color scheme to distinguish each location category, with slice labels showing both the category name and its corresponding percentage of total sales. Labels are positioned using arc centroids, and a legend identifies the color-to-category mapping. The implementation relies on D3.js 6.7.0 APIs including `d3.csv`, `d3.rollup`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, processing data from a GitHub-hosted CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7

This pie chart visualizes the average item sales for different outlet location types, aggregated from a CSV dataset. Built with D3.js v7, it uses `d3.rollup` to group and compute means, then renders the result with `d3.pie` and `d3.arc`. The SVG output includes labeled slices colored via `d3.scaleOrdinal` and `d3.schemeSet2`, alongside a legend.

Ssrinathkarumuru@my.unt.edu
94% match
Loading thumbnail…

ICE7

A pie chart shows average sales by outlet location type, aggregating data from a CSV file. D3.js loads the remote dataset, filters invalid entries, groups by location, and computes mean sales values. The visualization uses d3.pie, d3.arc, and d3.rollup to generate slices, with d3.scaleOrdinal mapping colors and d3.sum calculating percentages for labels. A legend identifies each category, rendered as SVG within a 600x500 canvas.

Ssrinathkarumuru@my.unt.edu
92% match
Loading thumbnail…

ICE 7

This pie chart visualizes sales by category, displaying five segments for electronics, furniture, clothing, and toys. The chart uses D3.js v7 to load the sales.csv dataset, then applies `d3.pie()` and `d3.arc()` to compute slice geometries, with `d3.scaleOrdinal` and `d3.schemeTableau10` assigning colors. It renders as SVG with category labels positioned via `labelArc.centroid()` and includes a legend showing each category and its value. Hovering over a slice reveals a tooltip with the category name and numeric value.

Aankitgoudpoodhari07@gmail.com
87% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
86% match
Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com
86% match
Loading thumbnail…

ICE 7 Assignment

A donut chart visualizes the total units purchased for each item in a dataset loaded from a CSV file. Each item's slice is labeled with its unit count, and a legend lists the items with color swatches and their corresponding values. The visualization is built with D3 v5, using the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute arc segments and assign colors, with SVG rendering for the chart and legend.

VVaishnavi6199
84% match
Loading thumbnail…

ICE-7 SAKETH SARA PIE

This example shows a donut-style pie chart of product sales loaded from a CSV file, with an ordinal color scale and a legend. Built with D3 v7, it uses `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal()` and `d3.schemeTableau10` assign colors. Tooltips appear on mousemove over each arc, and labels display for products with sales values above 90. The chart is rendered as SVG within an HTML page, styled by a linked stylesheet.

Ssarasaketh3@gmail.com
84% match
Loading thumbnail…

ICE - 7 Pie Chart

This example displays the percentage of total sales for different items in a pie chart using D3 v5. The code loads CSV data from a GitHub gist and renders an SVG with a pie chart and a legend, with each slice and legend entry colored by a fixed ordinal scale. It uses `d3.csv`, `d3.pie`, and `d3.arc` to compute and draw the arc segments, and `d3.scaleOrdinal` for color mapping, while formatting the percentage labels with `d3.format`.

RRamyapriyaPutta
84% match