Skip to main content
SimilarExport ZIP
100%

Pie Chart

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

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.

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

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.

AAkhila-Battula
88% 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
86% 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
86% 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
86% 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
85% 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
85% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of student counts across university majors at UNT, with each slice labeled by its proportion and a legend identifying each major. The visualization uses D3 v5 to fetch CSV data from a GitHub repository, then employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart and color-coded legend. Student values are formatted in thousands (e.g., "12K") on both the slices and legend, rendered as SVG elements within an HTML page that loads D3 via UNPKG.

VVarshareddy2912
85% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the count of students from each major at UNT, using a dataset fetched from a GitHub gist via `d3.csv`. The chart uses D3 v5 to compute arc paths with `d3.pie` and `d3.arc`, and maps categorical colors via `d3.scaleOrdinal`. Each slice includes a formatted label showing the student count in thousands, while a legend lists each major with its corresponding color and value. The visualization is rendered as an SVG element, with styling applied through CSS.

BBhavyaMammai
85% match