Skip to main content
SimilarExport ZIP
100%

activity 7

✓ Published0🌍 Public
Mmanasapolisetty13@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025

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.

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…

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

pie charts

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.

Ddeekshakondam@gmail.com
84% match
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
82% 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
81% 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…

Activity 7 Q1

This pie chart visualizes spending categories by percentage, with each slice colored via a categorical color scale and labeled through an interactive legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to compute and render the arcs, while `d3.csv` loads the dataset from a GitHub repository. SVG rendering displays the chart, with legend items and axis labels positioned manually. The color scale employs `d3.scaleOrdinal` with `d3.schemeSet2`, and slice strokes are styled white for separation, though axis labels are placeholders rather than computed scales.

Aanisha.peddireddy@gmail.com
80% match