Skip to main content
SimilarExport ZIP
100%

Assignment 8_Task 2

✓ Published0🌍 Public
KKeerthiAnnem
Last edited Jul 10, 2023
Created on Jul 9, 2023
Forked from Hello VizHub

A pie chart displays the count of students from each major at UNT, with proportional slices labeled in thousands and a legend mapping colors to majors. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text. Data is loaded asynchronously from a CSV hosted on GitHub Gist via `d3.csv`, and the chart renders with custom tick formatting and color-coded legend entries.

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 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
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
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
93% 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
92% 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
92% 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
92% 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
91% 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
90% match