Skip to main content
SimilarExport ZIP
100%

pie charts

✓ Published0🌍 Public
Ddeekshakondam@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

Two pie charts compare the distribution of student grades from the previous term versus the current term. Each donut chart segment is colored by the dominant stress level (high, medium, low), with the percentage label displayed on each slice. Clicking a segment reveals a tooltip with the student count, average study hours, and stress level. The visualization uses D3 v7's `d3.pie`, `d3.arc`, and `.join()` methods on SVG paths, with data loaded from a CSV file and a custom opacity-transition tooltip.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart - Deeksha Kondam

This pie chart visualizes the distribution of students’ self-reported stress levels, bucketed into Low, Medium, and High categories. A dataset of student grades and mental health is loaded via `d3.csv` from a GitHub gist, and each numerical stress score is counted into its respective bucket. The chart uses `d3.pie()` to compute the arcs and `d3.arc()` with an inner radius of zero to render the slices as SVG paths. An animation, driven by `transition.attrTween` and `d3.interpolate`, expands the pie from zero angle on load, while a legend, color-coded via `d3.scaleOrdinal` with `d3.schemeSet2`, identifies each category.

Ddeekshakondam@gmail.com
86% match
Loading thumbnail…

stress levels by major

A pie chart visualizes the distribution of students across majors, with each slice sized by the total number of students in that major. Hovering over a slice pops it outward and displays a tooltip breaking down the count of students with high, medium, and low stress levels for that major. Clicking a slice updates a text box below the chart with the major’s name and total student count. The visualization uses d3.pie, d3.arc, and d3.rollup to process CSV data and render SVG paths, with transitions animating the slice offset on hover.

Ddeekshakondam@gmail.com
84% match
Loading thumbnail…

activity 7

This pie chart visualizes the distribution of stress levels among students, categorizing responses as Low, Moderate, High, or Very High. It uses d3.pie and d3.arc to generate the pie slices, d3.rollups to aggregate the CSV source data, and d3.scaleOrdinal with d3.schemeCategory10 for coloring. A legend and white stroke separators clarify the categories, with d3.arc centroid positioning for labels. The visualization renders as static SVG.

Mmanasapolisetty13@gmail.com
84% match
Loading thumbnail…

sample 3

Two side-by-side donut charts show grade distribution (A–F) for male and female students, with a tooltip revealing count, depression level, and percentage for each grade. The visualization uses D3 v7’s `d3.pie`, `d3.arc`, and `.join` to render SVG paths and labels. Hovering expands a slice via `arcHover` while an HTML tooltip follows the cursor. Data is hardcoded in JavaScript arrays, and a horizontal legend maps grades to a categorical color scale.

Vvyjayanthimamidipalli@gmail.com
82% match
Loading thumbnail…

Average Grade by Mental Health Status

This visualization shows the distribution of student anxiety levels as a pie chart, with each slice representing the proportion of students at a specific anxiety level. It uses d3.pie() and d3.arc() to render the pie, d3.scaleOrdinal() to assign colors, and d3.rollup() to count students in each anxiety category. Hovering displays a tooltip with the count and percentage, while clicking a slice populates a list of students in that anxiety level, showing their age, gender, sleep patterns, and stress levels. The data comes from a CSV file loaded via d3.csv().

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

Pie Chart

This pie chart displays survey data on time spent on self-study by students during COVID-19, with each slice representing a different age group and its corresponding study hours. The visualization uses d3.pie and d3.arc to generate the chart, d3.scaleOrdinal with schemeCategory10 for slice coloring, and appends SVG paths to the rendered DOM. A legend with color swatches and labels is constructed using D3 selections, while the data is loaded via d3.csv from a GitHub gist and sorted by study time before rendering.

VVAbhiram99
79% match
Loading thumbnail…

ice7_task2_1

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.

Ssahasrakaturi91@gmail.com
78% match