Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published0🌍 Public
Ssuryavamsi00024
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Pie Chart

This pie chart visualizes the number of students by major at the University of North Texas, with each slice colored and labeled with counts in thousands. The chart also includes a legend listing each major alongside its corresponding student count. Built with D3 v5, the visualization uses `d3.pie` and `d3.arc` to generate the chart, `scaleOrdinal` for colors, and SVG for rendering. Data is loaded from a CSV file hosted on GitHub, with text labels positioned using arc centroids.

SSharankumar02
95% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of students across majors at the University of North Texas. D3.js v5 renders each major as a colored slice with a proportional value label, alongside a legend that maps colors to major names and student counts. The data is loaded from a CSV file via `d3.csv`, and the chart uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute the arcs and assign a categorical color palette.

Iindushashi.g@gmail.com
94% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of students across academic majors at the University of North Texas. The visualization uses the D3.js library’s `pie()` and `arc()` generators to compute and render the chart’s segments, with an SVG-based legend listing each major alongside its corresponding student count. Data is loaded asynchronously from a CSV file using `d3.csv`, and color encoding is handled by `d3.scaleOrdinal` with a fixed palette.

VVarshareddy2912
94% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of students across academic majors at the University of North Texas, with each slice sized by student count. The chart renders as an SVG using D3 v5, employing `d3.pie` for arc generation and `d3.arc` for the donut geometry. Slices are colored via a categorical `scaleOrdinal` palette, with labels and a legend displaying each major’s student population in thousands. Data is fetched as CSV from a GitHub gist and processed asynchronously before rendering.

MManideeprenikindi
94% match