Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart _Niharika

✓ Published0🌍 Public
NNiharika Reddy Amanaganti
Last edited Mar 25, 2023
Created on Mar 25, 2023
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart naimisha

This pie chart visualizes student records, showing the distribution of math scores as proportional slices. The chart renders in SVG using D3 v5, with a scaleOrdinal color scheme and pie/arc generators to create segments. Each slice displays its value as a text label, and a legend on the right pairs color swatches with student results and corresponding numeric values. Data is loaded as CSV from a remote URL and processed asynchronously, with percentages formatted using d3.format.

NNaimisha-M
84% match
Loading thumbnail…

Fork of Fork of Fork of ICE - 7 Pie Chart naimisha

This example shows a pie chart of student math scores from a CSV dataset, with each slice labeled by its value and accompanied by a color-coded legend of results. The chart uses D3 v5 to fetch and parse the data via `d3.csv`, then generates SVG arcs with `d3.arc` and `d3.pie`, coloring slices with `d3.scaleOrdinal`. Labels are placed at arc centroids, and the legend lists each result with its corresponding value. The code applies a custom `d3.format` for tick labels and lays out all elements within an SVG canvas of fixed dimensions.

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

Fork of ICE - 7 Pie Chart Naimisha

This pie chart visualizes student records, showing the proportion of deaths per student using color-coded slices and a legend with student names and values. The code loads CSV data from a GitHub gist and uses d3.pie to compute arc angles, d3.arc to generate SVG paths, and scaleOrdinal for color mapping. Each slice displays its value formatted in thousands, while the legend uses SVG rects and text elements. The visualization is built with D3 v5 and rendered entirely as SVG, with a fixed chart width of 960 pixels.

NNaimisha-M
82% 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
82% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart FOR MARkS

This example displays a pie chart visualizing student marks based on hours spent studying, with each slice labeled by GPA value. It uses D3.js v5 to load CSV data from a GitHub gist, compute pie segments with `d3.pie` and `d3.arc`, and render SVG paths and text. A legend pairs study hours with GPA values, colored via `d3.scaleOrdinal`. The visualization updates dynamically after fetching and parsing the data asynchronously.

IIndhuKrishnaraj
81% match
Loading thumbnail…

Fork of pie chart ICE-7

This fork of a pie chart visualizes the distribution of campus snacks by category, aggregating counts from a CSV file and displaying each category’s share with percentage labels outside the slices. It renders an SVG using d3.pie, d3.arc, and d3.rollup to aggregate data, while d3.scaleOrdinal with schemeTableau10 assigns colors. A separate HTML legend lists categories with their counts, and the tooltip shows exact values. The chart loads data asynchronously via d3.csv and uses d3.format for percentage display.

118121a1545
80% 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
80% match