Skip to main content
SimilarExport ZIP
100%

Activity 8_Task 2

✓ Published0🌍 Public
AArun Pratap
Last edited Jul 17, 2023
Created on Jul 17, 2023
Forked from Hello VizHub

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.

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_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
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
96% 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
96% 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
94% 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
94% 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
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…

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
93% match