Skip to main content
SimilarExport ZIP
100%

Task_8_Activity_4_Question_4

✓ Published0🌍 Public
Jjordanwolfe2@my.untdallas.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Task_8_Activity_4

This bubble chart visualizes the correlation between win percentage, run differential, and home runs for 2022 MLB teams, with each circle representing a team. The x-axis shows run differential, the y-axis win percentage, and circle size scales with home run totals, while colors distinguish league divisions. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color encoding. Interactive tooltips appear on mouseover, and the chart includes size and color legends rendered as SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task_8_Activity_3_Question_3

This scatter plot visualizes the relationship between MLB run differentials and winning percentages for teams from 2010 to 2022. It uses color-coded circles to represent different league divisions (NL West, AL East, etc.), with each point positioned by its run differential (x-axis) and win percentage (y-axis). The visualization is built with D3 v6, loading CSV data from a GitHub repository and rendering SVG circles. The code uses D3's scaleLinear, extent, axisLeft, and axisBottom APIs alongside custom color-mapping logic to distinguish league divisions.

Jjordanwolfe2@my.untdallas.edu
87% match
Loading thumbnail…

Task_8_Activity_2_Question_2

A stacked bar chart displays 2022 home run percentages across MLB league divisions, with each bar divided into five color-coded team segments. The visualization uses d3.stack() to compute stacked series, d3.scaleBand for the y-axis categories, and d3.scaleLinear for the x-axis percentages. Interactive tooltips appear on hover, showing the specific team and percentage value. The SVG chart includes axis labels, a title, and a custom color scale applied via d3.scaleOrdinal, with data loaded from a local CSV file.

Jjordanwolfe2@my.untdallas.edu
83% 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
80% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between a baseball player's batting average, home runs, and RBIs. Each bubble represents a player, with its position determined by average and home runs, while its size and color encode RBIs and player identity, respectively. The visualization uses D3 v7 with SVG rendering and includes an animated tooltip that displays player names on hover. Data is loaded from a local CSV file, and a legend with scale circles helps interpret bubble sizes. The chart also demonstrates local ES6 module imports, highlighting VizHub's capabilities for modular D3 development.

Lleftymadi
79% 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…

D3 Block-a-Day: Day 22, January 22nd, 2017

This interactive scatter plot shows the relationship between a Major League Baseball team’s win total in one year and its win total in the previous year, with a correlation value displayed for each season. A draggable slider lets viewers animate through years from 2016 back to 1902, updating the dots and their tooltips. The visualization uses D3 v4’s `d3.json`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, along with SVG elements and a custom year-tween timer for smooth transitions. Data comes from a JSON file listing team wins per season.

TThanaporn-sk
75% 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
74% match
Loading thumbnail…

Activtiy6-Question4

A bubble chart visualizes sales data for 19 employees, plotting cost of sales against profit, while bubble size encodes quantity sold and color distinguishes individual employees. The chart includes a legend for bubble size and a color legend. Built with D3.js v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.interpolateTurbo` for colors, and SVG circles. Interactive tooltips display employee names on mouseover. Data is loaded from a local CSV file.

Ssowmyaammula.sdv@gmail.com
73% match