Activity_7_Question_1

100%

Activity_7_Question_1

✓ Published0🌍 Public

Last edited Nov 7, 2024

Created on Nov 7, 2024

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.

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

94% match

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

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

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

78% match

Loading thumbnail…

Activity7_Question1

A pie chart visualizes the number of matches played by the top 15 IPL cricketers, sorted by their runs. The visualization uses D3 v5 to render SVG paths and legend items, with colors assigned via `d3.scaleOrdinal` and `d3.schemeCategory10`. Data is loaded from a CSV file hosted on GitHub, then sorted and sliced for display. The chart includes interactive mouseover logging, and the legend displays player names alongside their match counts.

Ssunny.musku2631@gmail.com

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

Loading thumbnail…

activity7, question1

This example shows a pie chart visualizing five categories (A–E) with their corresponding numeric values, alongside a color-coded legend and axis labels. It uses a static sample dataset defined in the code. The visualization is built with D3.js v6, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path data. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and the chart renders as SVG elements appended to the body.

Ssahithitoomu@gmail.com

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

76% match