Fork of Fork of Fork of ICE-7 (Part-2) - Pie Chart

100%

Fork of Fork of Fork of ICE-7 (Part-2) - Pie Chart

✓ Published0🌍 Public

Last edited Apr 22, 2024

Created on Apr 12, 2024

This visualization shows the count of students from each major at UNT as a pie chart, with each slice labeled by its value in thousands and a legend listing the major types alongside their counts. The code loads CSV data via D3’s `d3.csv`, computes slice angles with `d3.pie`, and draws the chart as SVG paths using `d3.arc`. Slice colors come from a `d3.scaleOrdinal` mapping, and labels are positioned with `arcGenerator.centroid`. The legend uses D3 selections to append colored rectangles and text, with counts formatted via `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This visualization displays the count of students from each major at the University of North Texas as a pie chart with a legend. The D3.js code uses `d3.csv` to load data from a GitHub Gist, then applies `d3.pie` and `d3.arc` to generate the chart's segments. Each slice is labeled with a formatted value (e.g., "1.5K") positioned using the arc's centroid. A separate legend lists each major with its corresponding color and student count, using `d3.scaleOrdinal` for color assignment.

Ccharanchand9

92% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart shows the distribution of students across majors at the University of North Texas, with each slice labeled with the student count in thousands and a corresponding legend listing major names and values. The visualization uses d3.pie and d3.arc to generate the chart and its segments, with d3.scaleOrdinal assigning colors to each major. Data is loaded asynchronously from a CSV file via d3.csv, and the SVG rendering includes custom text positioning using arc.centroid for labels. The chart is fixed at 980x550 pixels.

Ccharanchand9

90% match

Loading thumbnail…

Fork of Pie Chart

This pie chart shows the count of students from each major at UNT, with each segment labeled with the corresponding value in thousands. The chart is rendered as an SVG using D3 v5, with data loaded asynchronously via `d3.csv` from a GitHub Gist. Slice positions are computed with `d3.pie` and drawn using `d3.arc`, while a legend lists each major alongside its student count. Colors are assigned via `d3.scaleOrdinal`, and values are formatted with `d3.format`.

Kkshravyak.2001@gmail.com

90% match

Loading thumbnail…

Fork of Pie Chart

This pie chart displays the distribution of student counts across different majors at UNT, with each slice labeled with its value and a color-coded legend showing major names alongside student counts. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to compute slice geometry and assign colors, rendering paths and text labels in SVG. Data is loaded asynchronously from a CSV file via `d3.csv`, with values formatted using `d3.format`.

Rrushithareddyy

89% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the count of students from each major at UNT, displaying each segment’s value in thousands both inside the chart and in a legend. It loads CSV data from a GitHub gist using `d3.csv`, then processes it with `pie` and `arc` generators to create SVG paths. The chart applies `scaleOrdinal` for color mapping and uses `arc.centroid` to position labels, with a legend built from grouped `rect` and `text` elements.

HHarshinireddyy19

89% match

Loading thumbnail…

Fork of Pie Chart

A donut chart depicts student counts by major at UNT, using data fetched from a remote CSV via `d3.csv`. The visualization employs `d3.pie` and `d3.arc` to generate the ring segments, with `d3.scaleOrdinal` assigning colors from a predefined array, and labels formatted using `d3.format`. A legend, positioned via SVG grouping, clarifies each major and its corresponding value. The chart is rendered as an SVG element, with styling defined in the accompanying CSS file.

Sshreyasribearelly@gmail.com

89% match

Loading thumbnail…

Fork of Pie Chart

This pie chart displays the count of students from each major at UNT, with labeled segments and a legend showing major names alongside student counts. The visualization uses D3 v5 to fetch CSV data, then applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart with custom colors and percentage labels. Values are formatted using `d3.format` and rendered as SVG, positioned within a fixed canvas.

BBhavanaGIrni

89% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays the count of students from each major at UNT. The visualization uses a standard pie chart with labeled segments and a legend to identify each major, sourced from a CSV file hosted on GitHub. Built with D3 v5, the code uses the `d3.pie` and `d3.arc` functions to generate the chart as SVG, with `d3.scaleOrdinal` mapping colors to data values and `d3.format` for tick labels.

Rrushithareddyy

89% match