Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart

✓ Published0🌍 Public
Ccharanchand9
Last edited Jul 3, 2022
Created on Jul 3, 2022
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE - 7 Pie_Chart

This pie chart visualizes the number of students in each major at the University of North Texas, using a dataset fetched from a CSV file. It displays the data as colored slices with proportional labels, alongside a legend that maps colors to major names and student counts. The visualization is built with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart and assign colors. The chart is rendered as an SVG, with the pie centered and legends positioned to the right for clarity.

HHarshinireddyy19
92% match
Loading thumbnail…

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

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`.

Sshreyasribearelly@gmail.com
92% match
Loading thumbnail…

ICE - 7 Pie_Chart

This pie chart visualizes the distribution of students across academic majors at the University of North Texas. Each slice represents a major with its size proportional to the student count. The chart uses D3 v5 APIs including `pie()`, `arc()`, `scaleOrdinal()`, and text labels showing values in thousands, with a color-coded legend. The data is fetched from a CSV hosted on GitHub and rendered as SVG.

SShivaKarpe
92% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the count of students from each major at the University of North Texas, with each slice sized proportionally to enrollment and labeled with the student count in thousands. A legend on the right identifies each major alongside its corresponding value. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG. It employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices, colors, and text labels, while using `arc.centroid` to position value labels within each segment.

Hharsha
89% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of student counts across different majors at the University of North Texas. The chart uses D3 v5 to load CSV data from a GitHub gist and render the visualization as an SVG. It employs the `pie` and `arc` functions to generate the chart segments, with `scaleOrdinal` assigning colors to each major. The visualization includes labeled value annotations within each slice and a legend showing majors alongside their corresponding student counts.

Mmn0658
89% match
Loading thumbnail…

Pie Chart

A pie chart displays the count of students from each major at the University of North Texas, using a dataset fetched from a GitHub gist via `d3.csv`. The visualization renders SVG paths with `d3.pie` and `d3.arc` to create slices, while `d3.scaleOrdinal` assigns distinct colors to each major. A legend, positioned to the right, lists each major with its corresponding color and student count, formatted in thousands with a custom tick format.

MmNamratha25
89% match
Loading thumbnail…

Pie Chart

A pie chart displays the distribution of student counts across academic majors at the University of North Texas. The visualization uses D3 v5 to load CSV data from a GitHub gist, with the `d3.pie` and `d3.arc` generators constructing the SVG-based segments. Each slice is colored via `d3.scaleOrdinal`, and labels formatted with `d3.format` appear inside the arcs. A legend beside the chart lists each major and its corresponding student count, rendered as SVG rectangles and text elements.

NNukaShravanKumar
88% match