Skip to main content
SimilarExport ZIP
100%

ICE7-Q2a Pie

✓ Published2🌍 Public
Aaravindsg99@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from ICE 7

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7_Pie

This example visualizes the distribution of exercise levels as a pie chart, with slices labeled directly on the chart and a legend showing each category’s count. It loads data from a CSV file using d3.csv, converts values to numbers, and renders the pie using d3.pie and d3.arc in an SVG. The chart applies a categorical color scheme via d3.scaleOrdinal with d3.schemeCategory10, and positions labels using arc centroid calculations. The visualization is built entirely with D3 v7, rendering to SVG with a centered chart group and a right-side legend.

Ssivaniammisetti2002@gmail.com
84% 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
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
Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com
82% match
Loading thumbnail…

ICE_7_Pie Chart

This pie chart shows the distribution of total screen time across four app categories (Work, Gaming, Education, Social) using the Digital Usage dataset, with each slice sized proportionally and labeled with its percentage. D3’s `pie` layout and `arc` generator convert the aggregated `screen_time_hours` into SVG paths, while tooltips and hover highlighting are implemented via mouse events. A `scaleOrdinal` color scale differentiates categories, and a legend accompanies the chart. The visualization reveals a fairly even usage split, with Education holding a slightly smaller share than the other three categories.

Ssaitejak1619@gmail.com
82% match
Loading thumbnail…

Pie Chart ICE 7

A pie chart visualizes proportional data from a local CSV file, with categories like Housing, Food, and Transport displayed as colored slices with percentage labels. The chart uses d3.pie() to convert values into angles and d3.arc() for generating slice shapes and positioning external labels. A legend in the top-left corner identifies each category with a color swatch. The SVG rendering uses d3.scaleOrdinal with schemeCategory10 for colors, and text styling applies the Share Tech font via CSS.

Ddiwashhumagain@my.unt.edu
81% match
Loading thumbnail…

PIE Chart - ICE 7

This pie chart visualizes the gender distribution of students in the StudentsPerformance.csv dataset. Each slice displays the gender and its percentage of the total, with an accompanying legend showing exact counts. Built with D3 v7, the code uses `d3.rollup` to aggregate data, `d3.pie` for the layout, and `d3.arc` to generate SVG paths. A Tableau10 color scale and custom label arcs enhance readability.

Ssravya010
81% 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