Skip to main content
SimilarExport ZIP
100%

Activity-6 Q.4.1

✓ Published0🌍 Public
Mmalampatiramya03@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Activity-6

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`.

AI-generated description
MIT Licensed

Similar vizzes

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
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
82% 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…

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

Activity-6q4

This interactive bubble chart displays sales information for a group of employees, plotting revenue on the x-axis against profit on the y-axis, with bubble size encoding product quantity and color representing individual employees. Built with D3 v7, the visualization renders as an SVG with smooth transitions and tooltips that reveal employee names on hover. It includes a legend for bubble size and color, using `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` for the color palette.

Sswapnadabburi@my.unt.edu
77% match
Loading thumbnail…

Activity6-Question4

This bubble chart displays sales information for a group of employees, plotting profit against revenue while using circle size to encode product quantity and color to distinguish employee names. It loads data from a CSV file and renders with D3 v7 in SVG, featuring interactive tooltips on mouseover that show each employee's name. The visualization includes a size legend for quantity and a color legend for employees, with colors generated via `d3.interpolateTurbo` and scales built using `d3.scaleLinear` and `d3.scaleOrdinal`.

LLayaMyadam@my.unt.edu
77% match