Activity8_Task2_Pie Chart

100%

Activity8_Task2_Pie Chart

✓ Published0🌍 Public

Last edited Jul 5, 2023

Created on Jul 5, 2023

This pie chart displays the distribution of student counts across different majors at the University of North Texas, using proportional slices with numeric labels and a color-coded legend. The visualization loads CSV data from a GitHub gist using d3.csv, then applies d3.pie to compute arc angles and d3.arc for SVG path generation. Color mapping uses d3.scaleOrdinal with custom section colors, while d3.format abbreviates student values in thousands. The chart renders as SVG with appended legends, text labels, and styled rectangles indicating each major's name and count.

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…

Activity_7.1

This pie chart displays the number of University of North Texas students by major, with each slice labeled with its count in thousands and percentage of the total. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and color-coded segments, with a legend positioned to the right. Major names and student counts come from an external CSV file loaded via `d3.csv`, and labels are formatted using `d3.format`.

TThai Ha Dang

91% match

Loading thumbnail…

Activity_8-Task_2

This pie chart displays the count of students from each major at UNT, using a color-coded circular layout with proportional slice sizes. The data is fetched from a CSV file hosted on a GitHub gist. The visualization is built with D3 v5, using the `pie` function for data encoding, `arc` for generating the pie segments, and `scaleOrdinal` for categorical color mapping. The chart includes a legend on the right, with each entry showing the major name and its corresponding student count. A title and axis tick formatting complete the presentation.

Ssaipaidipalli

91% match

Loading thumbnail…

Activity 8_Task 2

This pie chart shows the count of students from each major at UNT, with each slice labeled with its student count in thousands and accompanied by a color-coded legend. The visualization uses D3 v5 to fetch CSV data from a GitHub gist and render the chart as SVG. The code employs d3.pie to compute the pie segments, d3.arc to generate the paths, and d3.scaleOrdinal to map colors to the categorical major data.

AArun Pratap

90% match

Loading thumbnail…

Pie Chart

This pie chart displays the distribution of student counts across different majors at the University of North Texas. The visualization uses a D3 arc generator to create pie segments, with each section labeled inside and accompanied by a legend showing the major name and corresponding student count. The chart loads data from a CSV file hosted on GitHub Gist and uses D3's `scaleOrdinal` for color assignment. The implementation imports specific D3 functions including `pie`, `arc`, and `scaleOrdinal` to generate the SVG-based chart.

NNagateja99

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

90% 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 Activity8_Task2

This pie chart visualizes the count of students from each major at UNT, displaying proportional slices with data labels and a corresponding legend. The visualization uses D3.js v5, specifically the `pie` and `arc` generators to compute and draw the chart, with `scaleOrdinal` assigning colors to each category. Student counts are sourced from a CSV file fetched via `d3.csv`, and the values are formatted using `d3.format`. The chart is rendered as SVG with appended `path` elements for slices and text elements for labels, while the legend is built through grouped SVG elements.

Ssrikkanth05

89% match

Loading thumbnail…

Activity 8_task2

This pie chart shows the count of students from each major at UNT, with percentage labels displayed inside each slice and a legend identifying the major names alongside their student counts. The visualization uses D3 v5’s `pie` and `arc` functions to generate the chart, with `scaleOrdinal` assigning colors from a hardcoded array. Data is loaded asynchronously from a CSV via `d3.csv`, and the SVG rendering positions the pie at the center with a separate legend group. The chart also formats numeric labels using `d3.format`.

Mmandadi1999

89% match