Skip to main content
SimilarExport ZIP
100%

ice7_task2_1

✓ Published0🌍 Public
Ssahasrakaturi91@gmail.com
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from ICE7-Q2a-Pie

This pie chart displays the distribution of student attendance levels (high, medium, and low) from a CSV dataset of exam scores. The visualization uses D3 v7’s `d3.pie` and `d3.scaleOrdinal` to generate SVG slices with a color-coded legend and in-chart labels. Data is grouped by attendance percentage thresholds, and a note box provides context for the analysis.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice7_task1

This example visualizes the distribution of student attendance levels as a pie chart, grouping students into three categories: high (≥85%), medium (70%-84%), and low (<70%). Each slice is colored correspondingly, with a legend displayed alongside the chart. The visualization loads data from a CSV file using `d3.csv`, processes it with JavaScript array methods, and renders the pie using `d3.pie` and `d3.arc` within an SVG. A legend is dynamically populated using D3 selections, and the chart employs a `d3.scaleOrdinal` for color mapping.

Ssahasrakaturi91@gmail.com
95% 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
88% 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
85% match
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
84% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
83% 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
83% match
Loading thumbnail…

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

ICE 7 Q2-1

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.

Ssakethpapareddy@gmail.com
82% match