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 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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE-7

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.

Ssrinathkarumuru@my.unt.edu
94% 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
89% 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
88% 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
87% 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
87% match
Loading thumbnail…

ICE - 7 PIE CHART

This pie chart visualizes supermarket sales data, showing each city’s total rating as a proportional slice of the whole. The D3 v5 code uses `pie()` to compute angles, `arc()` to generate SVG path segments, and `scaleOrdinal` for slice colors. A legend maps each city to its rating value, formatted with `format('.4~g')`. Data is loaded asynchronously from a CSV file using `d3.csv`.

IIndhuKrishnaraj
85% match
Loading thumbnail…

ICE7 Pie Chart

This D3.js (v5) pie chart visualizes the proportional sales share of three customer segments—Consumer, Corporate, and Home Office—using data loaded from a CSV file. The chart employs `d3.pie` to compute arc segments, `d3.arc` for the pie geometry, and a categorical color scale from `d3.scaleOrdinal` to differentiate segments. An interactive legend displays each segment’s label and its percentage value, formatted with `d3.format`. The SVG canvas is 1280×800 pixels, with the pie centered and legends positioned to the right for clarity.

SSharmaAshwini
85% match