assignment

100%

✓ Published0🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

This pie chart visualizes the pass/fail distribution of students from a performance dataset. The D3.js code (using `d3.pie`, `d3.arc`, and `d3.rollup`) aggregates the `pass_fail` column into slice counts, with each slice labeled as a category and its percentage. A right-side legend, built with `d3.select` and dynamic HTML joins, lists each category and its raw value. The SVG rendering uses ordinal colors from `d3.schemeTableau10` and includes slice borders and white text strokes for readability.

AI-generated description

MIT Licensed

Similar vizzes

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…

Assignment 2

This pie chart displays student details from a CSV file fetched via D3’s `csv` method, with slices colored by gender and labeled by occupation. It uses `d3.pie` and `d3.arc` to generate SVG paths, `scaleOrdinal` for color mapping, and includes a legend showing student names. The visualization is rendered in an SVG element with D3 v5, though the code references `d3.arc` in the bundle.

Yyellahemalatha@gmail.com

82% 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

81% match

Loading thumbnail…

Assignment-2

This pie chart visualizes the distribution of fish species from a CSV dataset loaded via `d3.csv`. It uses `d3.nest()` to count occurrences per species, then `d3.pie()` and `d3.arc()` to generate the chart geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. The SVG rendering includes an interactive legend, and the code demonstrates a reusable pattern for pie charts with D3 v6.

Bbhavyasrireddy267@gmail.com

81% match

Loading thumbnail…

assignment2

This pie chart visualizes the count of persons associated with each technical skill from a job market dataset. The D3.js v5 code, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, renders an SVG with colored slices and labels, alongside a legend detailing skill categories and their corresponding values. Data is fetched from a CSV via `d3.csv` and styled with custom CSS.

Ggvinaykumards@gmail.com

81% match

Loading thumbnail…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav

81% match

Loading thumbnail…

Fork of HTML Starter

A pie chart displays the distribution of 110 students across five grade categories (A through E), with labeled slices showing category counts and a legend describing letter-grade ranges. Built with D3.js v7, the visualization loads a CSV file, uses `d3.rollup` to aggregate student counts by category, and employs `d3.pie` and `d3.arc` to generate SVG paths. A color scale colors each slice, while labels and legends are added programmatically to the SVG.

Mmadalahyndavi123@gmail.com

81% match

Loading thumbnail…

assignment 2

This example displays a pie chart visualizing scores associated with named categories. The chart distributes numerical score values as angular arcs, with each slice color-coded using an ordinal color scheme and labeled directly on the visualization; a supplementary legend maps names to colors. Built with D3 v6, the code loads JSON data, applies the `d3.pie` layout, and renders paths and text for slices via SVG.

CChiranjeeviUppala@my.unt.edu

81% match