Skip to main content
SimilarExport ZIP
100%

Q4

✓ Published0🌍 Public
HHarshithakodakandla@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 23, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6 Q.4.1

This bubble chart visualizes the relationship between sports' popularity, participation, and revenue, where each circle represents a sport, with its x-position mapped to participation and y-position to popularity, while the circle radius encodes revenue. The color distinguishes each sport. Built with D3 v6, the visualization uses `d3.scaleLinear` for axis and radius scaling, `d3.scaleOrdinal` with `schemeCategory10` for colors, and SVG circles. Interactive tooltips appear on mouseover, displaying the sport's values. Axes, labels, and bottom/left axis ticks are generated via `d3.axisBottom` and `d3.axisLeft`.

Mmalampatiramya03@gmail.com
91% match
Loading thumbnail…

Activity 6_Question-3

This visualization displays a scatter plot comparing sports against the proportion of live streaming viewers above 50,000. It uses D3 v7 with an SVG rendering approach, loading sports data from a remote CSV file via d3.csv. The chart employs d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with colored circles representing each sport. Axis labels clarify the quantitative variable, while the code demonstrates d3.axisBottom and d3.axisLeft for tick generation.

Rrajkodavati7@gmail.com
83% match
Loading thumbnail…

Question2_activity6

This visualization shows the distribution of participation percentages across age brackets (Below 15, 15-20, 21-30, 31-40, Above 40) for six sports, using a stacked horizontal bar chart. Each sport’s bar is divided into segments colored by age group, with a legend on the right. Hovering over a segment reveals an interactive tooltip with the specific percentage. Built with D3 v7, the code uses `d3.csv`, `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`, rendering to an SVG canvas with data loaded from a local CSV file.

SShiva Sai Reddy
80% match
Loading thumbnail…

Q4

This bubble chart uses D3 v7 to visualize sales data from a CSV file, plotting each product’s Revenue on the x-axis and Units Sold on the y-axis. Each circle is sized at a fixed radius and colored with `d3.scaleOrdinal` and `d3.schemeCategory10`. Hovering reveals a tooltip with product details, implemented via mouseover and mouseout events. The SVG is rendered with `d3.select` and `d3.append`, and axes are generated using `d3.axisBottom` and `d3.axisLeft`. The data is loaded with `d3.csv`.

Ssindhuja27b@gmail.com
79% match
Loading thumbnail…

activity6_question_4

This interactive bubble chart visualizes the relationship between a team's wins, average attendance, and revenue, using bubble size to encode highway MPG and color to distinguish team makes. Rendered as SVG with D3 v7, the chart includes axes for team and wins, a tooltip displaying team make on hover, and dual legends for bubble size and categorical colors. The code reads from a local CSV via `d3.csv` and employs `d3.scaleLinear`, `d3.scaleOrdinal`, and event handlers for interactive feedback.

Bbhavyamoturi2509@gmail.com
78% match
Loading thumbnail…

data

This visualization displays the top 11 popular sports in 2021 as a horizontal bar chart, using a purple bar for each sport whose length corresponds to the number of matches played that year. The chart loads data from a CSV file using `d3.csv` and renders SVG elements through React components. It uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and custom tick rendering for both axes. The page includes a title and uses React hooks like `useState` and `useEffect` to manage data loading.

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