Skip to main content
SimilarExport ZIP
100%

ICE 7 Q2-1

✓ Published0🌍 Public
Ssakethpapareddy@gmail.com
Last edited Oct 28, 2025
Created on Oct 25, 2025
Forked from D3 Starter

A donut chart shows the distribution of student test preparation course completion, with slices labeled by percentage. The visualization uses D3 v7's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeSet2` color palette, rendering in SVG. Data loads from a CSV of student performance records and is aggregated with a custom `countBy` helper. A legend displays category counts, and labels only appear for slices exceeding 6% of the total.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

q2-ice7

This pie chart shows the distribution of students by their test preparation course status, dividing them into "completed" and "none" groups with counts displayed on each slice. The visualization uses D3 v7 to load CSV data via `d3.csv`, aggregate counts with `d3.rollup`, generate the pie geometry through `d3.pie()` and `d3.arc()`, and render slices as SVG paths with an ordinal color scale. Labels are positioned using `arc.centroid`, and a legend is built manually with SVG rectangles and text elements alongside the chart.

Ssaiprasadpilla937@gmail.com
88% 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 Pie Chart

This pie chart visualizes the distribution of student marks, displaying each student's name and their corresponding percentage share of the total. The visualization fetches its data from a CSV file hosted on GitHub and renders the chart as an SVG using D3 v5. The code employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the pie segments and color them, with labels and a legend showing the percentage values and names. The chart is built using the `select` and `append` API to construct the SVG elements.

BBVNPK001
84% match
Loading thumbnail…

ICE7 Pie Charts

This chart displays the marks of individual students as a pie chart, with each slice representing one student and the arc length proportional to their marks. A legend to the right identifies each student by name and their corresponding mark value. The visualization is built using D3 v5, employing the `pie` layout function to compute arc data, `arc` for generating SVG path definitions, `scaleOrdinal` with a category10 color scheme, and data loaded asynchronously from a JSON file via `json()`.

BBVNPK001
83% match
Loading thumbnail…

ICE7-Q2a Pie

This doughnut chart displays the share of total tasks completed by each department—Engineering, Marketing, and HR—in the employee productivity dataset. Slices are sized proportionally to aggregated task counts, with percentage labels positioned at each arc’s centroid and a legend showing absolute values. The visualization uses D3 v7’s `d3.csv`, `d3.rollup`, `d3.pie`, and `d3.arc` to process data and generate SVG paths, with a pastel teal, purple, and blue color scale.

Mmendemrudula@gmail.com
83% match
Loading thumbnail…

Ice-7 Pie Chart

The Ice-7 Pie Chart visualizes the distribution of student marks across predefined score ranges, with each slice’s arc length proportional to the number of students in that range. It uses D3.js v7’s `d3.pie()` and `d3.arc()` to generate the SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns distinct colors. Data is loaded remotely via `d3.csv` from a GitHub Gist, and each slice is labeled with its range and student count. A separate legend, built with appended SVG rects and text, identifies the color-to-range mapping. The chart renders as a static, non-interactive SVG.

Cchalasanigayaetiri@gmail.com
83% match
Loading thumbnail…

ice7_task2_1

A pie chart displays the distribution of student grades from a CSV file, showing how many students received each grade. The D3 v7 code uses `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths for each slice. Labels are positioned using a second arc generator, and a separate legend is built alongside the chart, with colors assigned via `d3.scaleOrdinal` and `d3.schemeTableau10`.

Ddeepakvowel@gmail.com
83% match
Loading thumbnail…

ICE7-Q2a Pie

This pie chart visualizes total study hours per group from a small CSV dataset, splitting respondents into Control and Treatment categories. Each slice is labeled with its percentage share, and a legend identifies group colors. The visualization uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.rollup` to aggregate and compute layouts, with `d3.schemeCategory10` for coloring and `d3.format` for percentage labels. SVG rendering places the chart and legend side by side.

Aaravindsg99@gmail.com
82% match