Skip to main content
SimilarExport ZIP
100%

Activity 8_task2

✓ Published0🌍 Public
Mmandadi1999
Last edited Jul 17, 2023
Created on Jul 17, 2023
Forked from Pie Chart

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`.

AI-generated description

A demonstration of Pie chart.

MIT Licensed

Similar vizzes

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

Activity_8-Task_2

This visualization displays the count of students from each major at UNT using a pie chart with an interactive legend. The data is loaded from a remote CSV file using D3 v5’s `csv` function, and the pie layout (`d3.pie`) computes arc segments from the student counts. Each slice is rendered as an SVG path with `d3.arc`, colored via `d3.scaleOrdinal`, and labeled with formatted values. A legend to the right lists majors with their corresponding colors and student totals.

Ssaipaidipalli
95% match
Loading thumbnail…

Pie Chart Activity 8 Task 2

This pie chart displays the count of students from each major at UNT, with each slice colored and labeled with a value in thousands. The visualization uses D3 v5 to load CSV data, generate the pie layout with `d3.pie()` and `d3.arc()`, and render SVG paths. A legend on the right maps colors to major names, while slice labels use `format('.4~g')` for compact numerical display. The code also applies `scaleOrdinal` for color mapping and custom styling via CSS.

VVishnu Sudireddy
95% match
Loading thumbnail…

Activty8 Task2

This example shows the count of students from each major at UNT in a pie chart with a legend listing each major and its corresponding value. The pie chart uses D3’s `pie` and `arc` generators to create the slices, with `scaleOrdinal` assigning colors from a predefined array. Each slice is labeled with its value formatted using D3’s `format` function, and a separate legend group positions rectangles and text labels. The data is loaded asynchronously from a CSV URL using D3’s `csv` method, and the visualization is rendered as SVG.

HHarshithaAmbilpur
94% 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
94% match
Loading thumbnail…

Actvity 8 Task 2

This interactive pie chart visualizes the distribution of students across academic majors at UNT, with each slice labeled by its percentage value. Built with D3 v5, the chart uses `d3.pie` and `d3.arc` to generate SVG paths and `d3.scaleOrdinal` to assign a fixed palette of colors to slices. A manually positioned legend alongside the chart maps each color to its corresponding major and student count, using data fetched from a remote CSV hosted on GitHub.

Ssreekarthanda@gmail.com
93% match
Loading thumbnail…

Activity8_Task2

This example visualizes the distribution of student counts across academic majors at UNT, presenting the data as a pie chart with labeled segments and a corresponding legend. It loads student data from a CSV URL and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate the chart and its labels. The SVG rendering displays each major’s student count in thousands, with color-coded slices and a legend showing major names alongside their values.

Cchsaisriharsha@gmail.com
92% match