Skip to main content
SimilarExport ZIP
100%

Task6_Q4

✓ Published0🌍 Public
Ssaiteja.cse.rymec@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the relationship between an athlete's age, points scored, and the number of gold medals they have won. Each circle's position on the x- and y-axes corresponds to points and age, while its radius encodes medal count, and its color identifies the individual athlete. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.scaleOrdinal` with the `schemeCategory10` palette for coloring. Hovering over a bubble triggers a tooltip showing detailed data for that athlete, and a legend maps colors to names. The data is loaded from a local CSV file.

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…

Activity6_Question4

This animated bubble chart visualizes the relationship between runs scored, lifespan, and medals won for ten named players. Each circle’s x-position corresponds to runs, y-position to lifespan, while its radius encodes medals won and its color identifies the player. Built with D3 v7, the chart reads from a local CSV and renders as SVG, featuring interactive tooltips on hover that display the player’s exact stats. A categorical color legend maps each player to a distinct hue, and all axes are labeled with linear scales.

Rrishithagovini99@gmail.com
84% match
Loading thumbnail…

Fork of Activity6_Task4_q9

This bubble chart shows the relationship between runs scored, lifespan, and medals won for a set of players, using bubble size to represent medal count. It also reveals player identity through color-coding. The visualization is rendered as an SVG using D3 v7, with axes for runs and lifespan, a legend, and interactive tooltips that display each player’s specific data on hover. It also includes an animated transition for the tooltip.

Lleelakrishnadivi7@gmail.com
83% match
Loading thumbnail…

Act6_Q4.9

A bubble chart displays Paralympic medal counts by country, plotting total medals on the x-axis and gold medals on the y-axis. Circle size encodes total medals, while color distinguishes countries, with a legend listing all nations. The visualization uses D3 v7’s selection methods and scaleOrdinal for color mapping, plus linear scales for positioning and radius. Animated tooltips reveal silver and bronze counts on hover. Data comes from the provided CSV file, rendered as SVG circles with mouseover and mouseleave event handlers for interactivity.

Ggalijawaharnath@gmail.com
82% match
Loading thumbnail…

Question 4

This bubble chart visualizes Olympic athletes from Summer Games between 2000 and 2016, plotting average weight on the x-axis and average height on the y-axis for each sport, with bubble size representing average athlete age. The code uses d3.csv to load data from the TidyTuesday Olympics dataset, then applies d3.rollup to aggregate athletes by sport and d3.mean to calculate averages. Filters exclude non-medalists, missing height/weight data, and sports with fewer than 10 medal winners. The SVG rendering includes axes via d3.axisBottom and d3.axisLeft, plus hover tooltips with opacity transitions. Only sports with complete data appear in the visualization.

MMohammed Abdul Mannan
80% match
Loading thumbnail…

Activity6_Task4_Question

This example shows a bubble chart of badminton tournaments, plotting total prize money on the x-axis against the number of players on the y-axis, with bubble size encoding tournament popularity and color encoding location. It renders as an SVG using d3.csv to load the tournament data and d3.scaleLinear, d3.scaleSqrt, and d3.scaleOrdinal to create the axes, bubble radii, and color mapping. The chart includes rotated x-axis labels, axis titles, and a custom legend listing each tournament with its corresponding location and color.

VVarshith Peddineni
76% match
Loading thumbnail…

Q4

This bubble chart visualizes the relationship between sports participation, popularity, and revenue. Each sport from the loaded CSV file is represented as a circle, positioned by participation on the x-axis and popularity on the y-axis, with circle size reflecting revenue and color distinguishing sports. Built with D3.js v6, it uses `d3.scaleLinear` for axes and radius, `d3.scaleOrdinal` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Hovering reveals a tooltip with the sport's exact values, rendered as SVG with animated transitions.

HHarshithakodakandla@my.unt.edu
76% match
Loading thumbnail…

activity6_Task4

This visualization is a bubble chart that shows the relationship between student age, course, CGPA, and year of study, using data from a mental health survey. The x-axis maps age, the y-axis maps course, bubble size represents CGPA, and color distinguishes year of study. D3 v7 API calls such as `scaleLinear`, `scalePoint`, and `scaleOrdinal` are used to position and style the circles, while `d3.csv` loads the data and `d3.axisBottom` and `d3.axisLeft` render the axes. The chart is rendered as an SVG with a tooltip for interactivity.

Nnissisharon61@gmail.com
76% match
Loading thumbnail…

Task4-Bubble chart

This bubble chart visualizes FIFA World Cup data from 1930 to 2014, plotting each host country as a circle whose position reflects the tournament year and total attendance, while the radius encodes the number of goals scored. The chart uses d3.csv to load the data, d3.scaleSqrt for the radius mapping, and d3.scaleOrdinal with d3.schemeCategory10 for circle colors. SVG circles and text labels are rendered via d3 selections, with axes generated using d3.axisBottom and d3.axisLeft. The visualization includes country labels positioned above each bubble.

Sshanmukhivasa@my.unt.edu
76% match