Activity-8.2

100%

✓ Published0🌍 Public

Last edited Jul 10, 2023

Created on Jul 10, 2023

A donut chart displays the count of students from each major at UNT, with each slice labeled with its value in thousands and a corresponding color-coded legend. The visualization loads CSV data from a GitHub gist using D3's `csv` method. It constructs the pie layout with `d3.pie` and `d3.arc`, maps colors via `d3.scaleOrdinal`, and renders SVG paths and text elements, with legends positioned manually.

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 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…

Activity 8 Q2

A pie chart displays the count of students from each major at UNT, with values labeled in thousands and a color-coded legend. Using D3 v5, the code fetches CSV data from a GitHub gist, applies `d3.pie` and `d3.arc` to generate SVG path segments, and uses `d3.scaleOrdinal` for section colors. Labels are positioned via the arc centroid, and legends annotate majors with corresponding student counts.

Ppasyasahas

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

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

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

88% match

Loading thumbnail…

Pie Chart - Actvity-8-2

A pie chart shows the distribution of students across academic majors at UNT, with each slice labeled with a count in thousands and a color-coded legend displaying major names and values. The visualization loads data from a CSV file hosted on GitHub, uses D3 v5 to fetch and parse the data, and renders the chart as SVG. It applies D3’s `pie` and `arc` generators to compute slice geometry, `scaleOrdinal` for categorical colors, and custom text and legend elements to annotate the graph.

VVinay Vemuri

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

88% match

Loading thumbnail…

Activity_7_Question_1

This pie chart visualizes the count of students from each major at UNT, with each slice labeled with its value in thousands. The chart uses D3 v5 to load CSV data, compute pie segment angles via `d3.pie()`, and render arcs with `d3.arc()`. A legend on the right maps each major to its color and student count. The visualization relies on `d3.scaleOrdinal` for color assignment and `d3.format` for tick labels.

TThai Ha Dang

88% match