Skip to main content
SimilarExport ZIP
100%

Pie Chart

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

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.

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 the number of students per major at UNT, with each slice labeled by its count in thousands and a corresponding legend listing majors and values. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, while `scaleOrdinal` maps student counts to a fixed array of colors. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and the SVG rendering includes centroids for labels and a legend built with appended `rect` and `text` elements.

Ppardha1411
96% match
Loading thumbnail…

Pie Chart

A pie chart displays the number of students per major at UNT, with each slice labeled with its value in thousands and accompanied by a legend showing major names and corresponding counts. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths, with data loaded asynchronously from a CSV URL. The chart applies a categorical color scale and formats tick values using `d3.format`.

Bbogasamudramvamsikrishnareddy
95% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of student counts across academic majors at UNT, with each slice’s value labeled in thousands and a color-coded legend listing majors and their corresponding counts. The chart is built with D3 v5, using the `pie` and `arc` generators to compute slice geometry, `scaleOrdinal` for color assignment, and SVG elements for rendering paths, text labels, and legends. Data is loaded asynchronously from a CSV file via `d3.csv`.

MManideeprenikindi
95% match
Loading thumbnail…

Pie Chart

This pie chart shows the distribution of students across different majors at UNT. The D3.js visualization uses a pie chart with colored segments to represent each major, with data labels showing student counts in thousands. It employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and style the chart, while `d3.csv` loads the dataset from a GitHub Gist. A legend on the right lists each major with its corresponding color and student count, rendered as SVG elements.

Hharipriyaa07
95% match
Loading thumbnail…

Pie Chart

This pie chart displays the number of students per major at UNT, with counts labeled both inside each slice and in a legend. The data is loaded as CSV from GitHub and rendered as SVG using d3.pie, d3.arc, and d3.scaleOrdinal. Slices are filled with distinct colors, and formatted values are shown in thousands. The chart uses async/await to fetch and process the dataset before drawing the visualization.

HHemanthh81
95% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the count of students from each major at UNT, with each slice colored and labeled with its proportion in thousands. The chart is rendered as an SVG using D3 v5, employing `pie()` and `arc()` to generate the segments, while `scaleOrdinal` maps colors to data categories. Data is loaded asynchronously from a CSV file via `d3.csv`, and legends on the right display major names alongside their student counts.

Vvineelaramulapalli32
95% match
Loading thumbnail…

Pie Chart

This pie chart displays the count of students in each major at UNT, with a legend identifying each major and its corresponding value. It is built with D3 v5, loading data from a CSV file via `d3.csv`, and renders the visualization using SVG. The pie chart is constructed with `d3.pie` and `d3.arc` to generate the segments, while `d3.scaleOrdinal` assigns colors to the sections. The chart includes labels showing formatted values (e.g., "50K") and a legend with colored squares and text labels for each major.

MManideeprenikindi
95% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of students across different majors at UNT, presenting each major as a colored slice with a numeric label and a matching legend. Built with D3 v5, the visualization uses `d3.pie` to compute arc segments and `d3.scaleOrdinal` for color assignment, while the SVG output is generated through `d3.arc` for geometric shapes and `d3.format` for tick labels. Data is loaded from a CSV file fetched via `d3.csv`, and the chart is centered within an SVG canvas with legends positioned to the right.

MManideeprenikindi
95% match