Fork of Pie Chart For ICE-7-Anusha

100%

Fork of Pie Chart For ICE-7-Anusha

✓ Published0🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

This pie chart visualizes the number of passing students for each year over the past decade, with each slice labeled in thousands and a corresponding legend identifying the passing year. The visualization uses d3.pie and d3.arc to generate the chart segments, d3.scaleOrdinal for slice colors, and SVG text elements positioned via arc.centroid. Data is loaded from a CSV file using d3.csv, with slice labels formatted using d3.format. The legend is constructed manually with appended SVG groups.

AI-generated description

MIT Licensed

Similar vizzes

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

85% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the number of users across different years, with each slice colored distinctly and accompanied by a legend showing the year and corresponding user count. The visualization loads comma-separated data from a GitHub gist URL using d3.csv, then applies the d3.pie and d3.arc generators to compute and draw the SVG paths. Colors are assigned via d3.scaleOrdinal with a fixed array, while the legend uses SVG rectangles and text elements positioned with translate transforms.

SSnigdha6698

84% match

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

83% match

Loading thumbnail…

Fork of ICE7_PY_PieChart

This pie chart visualizes the percentage contribution of five in-class exercises (ICE-1 through ICE-5) to a final student score. The chart displays each slice with a label and a corresponding color-coded legend, using a D3 ordinal color scheme. The visualization uses D3 v4’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to generate the SVG-based chart. A legend with colored dots and text labels is manually positioned within the SVG, and the data is embedded directly in the code as an array of name-share pairs.

Aaashrithd4

82% 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

82% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart student dataset

This fork of ICE-7 visualizes student GPA and study-time data from a CSV file as a pie chart rendered in SVG using D3 v5. Each pie slice represents a GPA value, with text labels showing the GPA and a legend mapping slice colors to student time values. The code loads data via `d3.csv`, computes arc paths with `d3.arc()`, and uses `d3.scaleOrdinal` for category coloring. The chart is embedded in a React starter HTML page, with styling applied via CSS classes.

Ssushmithameher-patnam

82% match

Loading thumbnail…

ICE7 Pie Charts

This chart displays the marks of individual students as a pie chart, with each slice representing one student and the arc length proportional to their marks. A legend to the right identifies each student by name and their corresponding mark value. The visualization is built using D3 v5, employing the `pie` layout function to compute arc data, `arc` for generating SVG path definitions, `scaleOrdinal` with a category10 color scheme, and data loaded asynchronously from a JSON file via `json()`.

BBVNPK001

82% 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

82% match