Pie Chart

100%

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 26, 2022

This pie chart displays undergraduate enrollment numbers for various universities, with each slice labeled in a legend showing the college name and enrollment count. The visualization uses D3 v3’s `d3.layout.pie` to compute arc angles, `d3.svg.arc` for path generation, and an ordinal color scale with a dark blue gradient. Data is loaded as CSV from a GitHub gist, and a custom legend is rendered via the `d3.legend` function defined in index.js, which positions circles and text based on data attributes.

AI-generated description

pie chart that displays undergrad enrollment of various universities. click here to view the csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of students across university majors, highlighting each segment’s count both inside the slice and in an accompanying legend. The visualization is built with D3 v5, using `d3.arc()` to generate the pie segments and `d3.scaleOrdinal` for categorical colors. Data is loaded asynchronously from a CSV via `d3.csv()`, and SVG elements are created and positioned with `select` and `attr`. The chart uses a red title and custom styling for ticks and text, presenting a clear, colorful overview of enrollment data.

SSwapna1915

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

82% match

Loading thumbnail…

Pie Chart

A pie chart displays the count of students across different majors at the University of North Texas, with each slice labeled with its value in thousands and accompanied by a legend. The visualization loads CSV data from a GitHub repository, parses it via `d3.csv`, and renders the chart using SVG with `d3.pie` and `d3.arc`. Slice colors are assigned using `d3.scaleOrdinal`, and labels are positioned via the arc centroid method.

Ssuryavamsi00024

82% match

Loading thumbnail…

Fork of Making an Interactive Pie Chart

This interactive donut chart displays the number of university students at ten institutions, with each slice labeled and colored using a custom ordinal scale from d3-scale-chromatic. Hovering over a slice reveals a tooltip showing the percentage of total enrollment. Built with D3.js, the visualization uses d3.pie, d3.arc, and d3.select to compute slice geometries and handle mouse events, rendering as SVG. Data is loaded from a CSV file containing university names and student counts.

NNikhilMakkena

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

81% match

Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This interactive donut chart displays the distribution of student enrollment across ten prominent universities, with each slice labeled and color-coded. Hovering over a slice reveals the percentage of total students it represents via a tooltip. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a custom color range from `d3-scale-chromatic`, while rendering SVG elements and tooltip interactions are managed through D3 selections. Data is loaded from a CSV file.

Hharika-1929

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

81% match

Loading thumbnail…

Pie Chart

A pie chart displays the count of students from each major at UNT, using a dataset of courses loaded from a remote CSV URL. The visualization renders as an SVG with colored slices, value labels, and a legend showing majors and student counts. It uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `csv` to compute arc segments, assign colors, and fetch data. The chart is positioned via SVG transforms, with styling applied through CSS.

Aakshayvenishetty1437

80% match