Skip to main content
SimilarExport ZIP
100%

pie chart

✓ Published1🌍 Public
Vvenigallajaanu@gmail.com
Last edited Apr 2, 2025
Created on Mar 31, 2025

This pie chart visualizes the total marks for six school subjects (telugu, hindi, english, maths, science, and social) aggregated from a comma-separated values dataset. It uses D3.js v7 to load the external CSV, compute sums with `d3.sum`, and generate the chart with `d3.pie` and `d3.arc`. Subjects are colored using `d3.scaleOrdinal` with `d3.schemeCategory10`, with labels placed via `arc.centroid` and an accompanying legend showing each subject and its total. The rendering uses SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of

A pie chart displays marks for different subjects, with each slice colored and paired with a legend identifying the subject and its numeric value. The chart reads subject and mark data from a CSV file via `d3.csv`, and uses `d3.pie` and `d3.arc` to compute the slice geometry, while `d3.scaleOrdinal` assigns categorical colors. Legends are generated as SVG groups with rectangles and text, and the whole visualization is rendered as an SVG element.

Ppravalika.thogaru10@gmail.com
78% match
Loading thumbnail…

Fork of Pie Chart _Niharika

This pie chart displays the percentage marks achieved by a student in each class subject. The D3.js v5 code loads a CSV dataset from a GitHub gist, computes the pie layout, and renders colored SVG arc segments with percentage labels. A legend on the right maps each color swatch to its corresponding subject and value, while the chart uses `d3.pie()` and `d3.arc()` for geometry and `d3.scaleOrdinal` for color assignment.

NNiharika Reddy Amanaganti
77% 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
77% 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
77% 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
77% 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
77% match
Loading thumbnail…

assignment

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.

HHarshithaAru06
76% match
Loading thumbnail…

Student_education_Piechart

This pie chart visualizes student education levels and their associated math scores, using colored slices to represent each category. The chart is built with D3 v5 and rendered as an SVG, with the `pie()` and `arc()` generators creating the segments and the `scaleOrdinal` mapping colors to data. A legend on the right displays each education level alongside its corresponding math score. Data is loaded from a CSV file via a GitHub gist, and the code includes a video tutorial link in the README.

AAnanyaSamala
76% match