Ice7Q2

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

ice7task2

A pie chart displays the aggregated sums of three metrics—A, B, and C—from a multiseries CSV dataset. Using D3.js v7, the code loads the data via `d3.csv`, computes totals with `d3.sum`, and generates slices with `d3.pie` and `d3.arc`. Each slice is labeled using the arc’s `centroid`, and a color-coded legend is appended manually. The SVG rendering uses ordinal color scaling and explicit positioning for the chart and legend.

Kkmuktha09@gmail.com

Jjammigumpula.priyanka193@gmail.com

ice7 part2

This example presents an interactive pie chart built with D3.js v7 that visualizes static sales data across four product categories. The chart renders as an SVG, with each category represented by a colored slice, and uses a hover interaction to display a tooltip showing the category name and its sales value. The code employs `d3.pie()` to compute the arc angles, `d3.arc()` to generate the slice paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. A separate HTML legend lists each category with its corresponding color swatch.

Ice 7 pie chart

This pie chart displays the distribution of website traffic by source, with each slice sized according to the number of visitors and a legend positioned on the right. It loads data from a CSV file using `d3.csv` from the D3 v7 library, then renders the chart on a Canvas element via the external Chart.js library, not through D3’s own rendering APIs. The chart uses a predefined color palette for the slices and includes a title indicating traffic values are in thousands.

UUday Kiran

Aankitgoudpoodhari07@gmail.com

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.

Ssrinathkarumuru@my.unt.edu

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.

Ppashamsahithi2391@gmail.com

ICE7-q2

This example shows the distribution of cosmetics brand stock as a pie chart, with each slice labeled directly on the chart and an interactive legend to the side displaying brand names and total values. It uses D3.js v7 with SVG rendering, loading CSV data from a GitHub Gist via `d3.csv`. The chart employs `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, and `d3.group` with `d3.sum` to aggregate stock values by brand.

Aankitgoudpoodhari07@gmail.com

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.