Skip to main content
SimilarExport ZIP
100%

Activity_7

✓ Published0🌍 Public
SSai Sandhya Nannapaneni
Last edited Nov 7, 2024
Created on Nov 7, 2024
Forked from Piechart ICE7

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.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

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

Activity 7 Pie Chart

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.

Llokasaivenkatatammineedi@my.unt.edu
80% match
Loading thumbnail…

Activity_7_Question_2

This area chart displays the total salary for each NBA team, with team names on the x-axis and salary values on the y-axis. The visualization uses a steelblue filled area path, with black dots marking each team’s salary value and text labels above them. Built with D3 v6, the chart employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to generate the SVG path, while CSV data is loaded asynchronously from a GitHub repository. The chart includes rotated x-axis labels and gridlines via `d3.axisBottom` and `d3.axisLeft`.

SSai Sandhya Nannapaneni
79% match
Loading thumbnail…

Data Viz project

This example shows a pie chart and a stacked bar graph depicting data science salary information, with the pie chart breaking down experience levels and the bar graph ranking the top ten job titles by total salary. Both visualizations load salary data from a remote CSV file and use D3.js v7 APIs, including `d3.rollup` and `d3.rollups` for aggregation, `d3.pie` and `d3.arc` for pie slices, and `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` for chart scales. The code renders interactive SVG elements with hover effects on the bars, while the pie chart displays count labels, all styled with categorical color schemes.

AArungopal Andalam
78% match
Loading thumbnail…

Activity-7

This example presents a pie chart that visualizes the distribution of cricket players by their home country, using data aggregated from top test cricket records. Built with D3 v5, the chart slices represent the player counts, with each section labeled and colored via a categorical scale. The visualization employs D3's `pie` layout, `arc` generator, and `scaleOrdinal` for color assignment, while a custom legend displays both country names and player totals. The SVG-based chart is rendered on a canvas, with a title and subtitle indicating the dataset's theme.

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

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