Skip to main content
SimilarExport ZIP
100%

Activity-7 Q1

✓ Published0🌍 Public
Bbhavanadupati3@gmail.com
Last edited Nov 7, 2024
Created on Nov 7, 2024
Forked from Hello VizHub

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.

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…

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

Activity 7.1

This pie chart displays the total overall ratings of tennis players, with each slice representing an individual player and its size proportional to their rating. A legend and labels identify each player, while hovering reveals a tooltip with the player's country, average score, and total rating. Built with D3 v5, the visualization uses the `pie` and `arc` functions to generate the chart, `scaleOrdinal` for coloring, and custom mouseover events for interactivity. The data is loaded from a CSV file hosted as a GitHub gist.

Ssudhimaganti.49@gmail.com
94% 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
85% 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
82% match
Loading thumbnail…

Activity_7 Q_1

This example shows a pie chart of five books and their average ratings, using a static dataset embedded in the code. The chart is rendered as an SVG using D3 v7, with pie slices generated by the `d3.pie` and `d3.arc` functions, colored via `d3.scaleOrdinal` and `d3.schemeCategory10`. Labels are placed at each slice’s centroid, and a legend with color swatches and rating values appears on the right. The SVG is styled with a white background and subtle shadow.

Bbhavya.kanyadara@gmail.com
82% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
81% match
Loading thumbnail…

Activity7_Q1_dinesh

This pie chart visualizes the distribution of wine quality ratings from a red wine dataset, loaded via `d3.dsv` from a GitHub-hosted CSV file. It shows the percentage of wines for each quality score from 3 to 9, with a D3 legend and labels. The visualization uses `d3.pie` and `d3.arc` generators from the D3 6.7.0 library, employing a custom `pieChart` module with SVG rendering, `scaleOrdinal` for colors, and interaction effects like hover opacity changes.

Ddineshnimmagadda1@gmail.com
81% match
Loading thumbnail…

Fork of Activity 7

This example visualizes badminton player tournament wins as a pie chart, with each slice sized by the number of wins for 20 players from a CSV dataset. A legend lists player names with matching color swatches to identify each slice. The chart is built using D3 v6 APIs including `pie()`, `arc()`, `scaleOrdinal` with `schemeCategory10`, and `csv()` for data loading, rendered as SVG elements. Player names and win counts are parsed from a remote CSV file, and the visualization fills the browser window.

VVarshith Peddineni
81% match