Skip to main content
SimilarExport ZIP
100%

Activity7_Question1

✓ Published0🌍 Public
Ssunny.musku2631@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Task9_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.

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…

Task9_Question1

This example displays a pie chart of the top 15 run-scorers in the 2022 IPL season, sourced from a CSV file hosted on GitHub. The visualization uses D3 v5 to load and parse the data, sort it by runs, and render the chart with SVG paths. It employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` for coloring, adding a legend with rectangles and labels. Mouseover events log player names to the console.

Aanusharamana0@gmail.com
86% 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
84% match
Loading thumbnail…

Cricket - Pie Chart

This pie chart visualizes the distribution of runs scored by cricket players, with each slice representing an individual player. The chart uses D3.js v6 with an SVG rendering approach, loading data from a CSV file and applying an ordinal color scale. Interactive tooltips appear on hover, and slice labels display player names directly on the chart. A legend translates additional player information alongside the pie, providing a complete overview of the dataset's run values.

Ssrisailapu.rc@gmail.com
83% match
Loading thumbnail…

Activity SDV Pie Chart

This pie chart visualizes the distribution of total runs scored by each batting team from an IPL deliveries dataset. The chart aggregates data using `d3.rollup` and `d3.sum`, then renders slices with `d3.arc` and `d3.pie`, using `d3.schemeCategory10` for color encoding. Each slice is labeled with its team name, and the example demonstrates loading D3 via UNPKG alongside local ES6 modules, with both a standalone script and a reusable `piePlot` function that includes a legend.

Ggolisanthoshi2000@gmail.com
82% match
Loading thumbnail…

Activity6_Q3.2

This scatter plot visualizes IPL player statistics, showing the relationship between total matches played and total runs scored. Each point represents a player, with the shape of the marker indicating their team, as defined by a D3 ordinal scale using symbols like circles, squares, and triangles. The chart is built with D3 v6, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG paths for rendering the symbols. Data is loaded from a remote CSV file containing player names, teams, and performance metrics.

Nnikhithadadi@my.unt.edu
82% match
Loading thumbnail…

Activity6_Q3.1

This scatter plot visualizes IPL batting data, showing the relationship between total matches played and total runs scored for individual players. Each circle represents a player, colored by team affiliation, with hoverable details revealing their country, average, and innings played. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.extent` for domain calculation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted IPL dataset.

Nnikhithadadi@my.unt.edu
82% match
Loading thumbnail…

Cricket_Pie Chart

This pie chart displays the cricket performance of five players based on their total runs, with each slice colored and labeled by player name, and a legend positioned to the right. Hovering over a slice triggers a tooltip that reveals the player’s runs and career years. Built with D3 v7, the visualization uses `d3.pie` and `d3.arc` to generate the chart, `d3.scaleOrdinal` with `schemeCategory10` for colors, and SVG rendering. The hardcoded sample dataset includes players like Sachin and Virat, while the tooltip is implemented via mouse events.

Ssrisailapu.rc@gmail.com
82% 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
82% match