Skip to main content
SimilarExport ZIP
100%

Activity 7 Pie Chart

✓ Published0🌍 Public
Llokasaivenkatatammineedi@my.unt.edu
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This pie chart displays the all-time leading NBA scorers by total points, with each slice labeled by player name and accompanied by a legend showing the player and their point total. The visualization uses D3.js v7 to load CSV data from a GitHub repository, compute the pie layout with `d3.pie()`, and render SVG path arcs via `d3.arc()`. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeSet1`) distinguishes players, while SVG text elements and manually positioned legend rectangles provide labeling. The chart is generated entirely with client-side SVG rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7

This pie chart displays the top five NBA players by salary from the provided NBA dataset. Each slice is labeled with the player’s name and salary value, and a color-coded legend identifies the players. The visualization is built with D3 v5, using `d3.pie` and `d3.arc` to generate the slices and `d3.scaleOrdinal` for the color scheme. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and the chart is rendered as SVG.

SSai Sandhya Nannapaneni
80% match
Loading thumbnail…

Activity_7

This example visualizes the top five NBA players by salary using a pie chart, with slices labeled by player name and salary. The chart is built with D3 v5, using `d3.pie` to compute arc angles, `d3.arc` to generate SVG paths, and an ordinal color scale (`d3.schemeCategory10`) for slice fills. Data is loaded asynchronously from a CSV file via `d3.csv`, filtered by salary, and sorted descending before the top five are selected. Labels are placed using `arc.centroid`, and a legend maps colors to player names.

SSai Sandhya Nannapaneni
80% match
Loading thumbnail…

Activity-7 Q1

This pie chart visualizes tennis players’ overall ratings, with each slice representing a player and labeled with their name and rating. The chart includes a color-coded legend and an interactive tooltip that displays each player’s average score on hover. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate and style the SVG elements with mouse event handlers.

Bbhavanadupati3@gmail.com
79% match
Loading thumbnail…

Activity_7_Question_1

This pie chart displays the top five NBA players by salary, using a categorical color scale and direct value labels. Built with D3 v5, the code employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate path wedges from a CSV dataset, with an SVG group element positioning the chart and a legend for player identification.

SSai Sandhya Nannapaneni
78% match
Loading thumbnail…

Activity9Ques-1

This pie chart visualizes tennis players' ratings, displaying each player's name and their total overall rating as slices. The chart uses D3 v5 (d3.pie, d3.arc, d3.scaleOrdinal) to generate the pie geometry, color the slices, and position labels at each slice's centroid. The data is fetched as CSV from a GitHub gist. Hovering over a slice reveals a tooltip with the player's name, average score, and total rating, while a legend on the left lists all players and their ratings. The chart is rendered as SVG with custom styling.

Ssirichandana017@gmail.com
78% match
Loading thumbnail…

Pie Chart for Player Statics

This pie chart visualizes the distribution of runs scored by individual players, using a CSV dataset fetched from a GitHub gist. Built with D3.js v7, it renders an SVG pie chart where each slice is colored by player name and includes direct labels. The chart uses `d3.pie()` and `d3.arc()` to generate slice geometry, with a legend and a hover tooltip that displays player-specific details. A color scale (`d3.scaleOrdinal`) maps each player to a distinct category color.

Ssdarsi2404@gmail.com
77% match
Loading thumbnail…

Activity_7

This pie chart visualizes the average match ratings of football players from a CSV dataset, with each slice representing a player and labeled directly with their name. The chart uses D3.js v6 to load and parse the data, then applies `d3.pie` and `d3.arc` to generate the slices, colored by a categorical scale. A legend lists each player with their rating, while the SVG rendering includes axis-style labels above and below the chart, despite the circular layout. A welcome message appears on page load via plain JavaScript.

AAnilreddyveeraiahgari@my.unt.edu
77% match
Loading thumbnail…

Activity6_q3

This visualization shows the percentage contribution of five statistical categories—points, rebounds, assists, steals, and blocks—for ten NBA players, using a stacked horizontal bar chart where each player’s row sums to 100%. The code loads data from a CSV via `d3.csv`, normalizes each player’s stats, and renders the SVG with `d3.stack()`, `d3.scaleOrdinal` for colors, and `d3.scaleBand` for the y-axis. Interactive tooltips appear on mouseover, displaying the category’s percentage using `d3.format`.

Llokasaivenkatatammineedi@my.unt.edu
77% match