Skip to main content
SimilarExport ZIP
100%

Task_8_Activity_3_Question_3

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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

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

Baseball Scatter Plot Showing Hits and Homeruns

A scatter plot visualizes the relationship between hits and home runs for baseball players, with each dot colored by league affiliation: red for the American League and blue for the National League. The plot uses D3's `csv` loader to fetch data from a GitHub gist, `scaleLinear` for the axes, `extent` to set domains, and SVG circles with opacity for rendering. Axis labels are added via `axisLeft` and `axisBottom`, with custom text annotations for "Hits" and "Homeruns".

RRobert Johnson
75% match
Loading thumbnail…

Baseball Scatter Plot, Hits and Homeruns, Iterated

This scatter plot visualizes the relationship between hits and home runs in baseball, with each dot representing a player-season. The chart displays data from three leagues—American, National, and Federal—distinguished by color and identified in a legend. Using D3.js (v6) with SVG rendering, the visualization loads a CSV dataset via `d3.csv`, then maps hits and home runs to linear scales with `scaleLinear`. Points are drawn as semi-transparent circles, and axes are generated using `axisLeft` and `axisBottom` to display the quantitative values.

RRobert Johnson
75% match
Loading thumbnail…

Final project week 8

This scatterplot compares recent and historical season win rates for nine teams, with the x-axis showing recent win rate and the y-axis showing historical win rate. Each team appears as a colored circle using D3’s `schemeCategory10` palette, positioned via `d3.scaleLinear` scales. The visualization renders through `d3.select` and `.join()` to bind the hardcoded data array, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes that divide the plot into four performance quadrants.

QQingyang Wang Profolio
74% match
Loading thumbnail…

task 8 task 3

This visualization shows a scatter plot of Test Cricket Records, plotting runs scored against matches played for various players. Each circle represents a player, colored by a categorical color scale, with axes labeled for matches and runs. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and process data from a GitHub-hosted CSV file, then renders SVG circles with tooltip-ready attributes. The plot size adapts to the window dimensions, and axis labels are positioned with rotation for the y-axis.

Jjaswanthichowdarykalapala@my.unt.edu
74% match
Loading thumbnail…

Activity6_Question3

A scatter plot displays cricket player statistics, showing matches played on the x-axis and total runs on the y-axis. Each circle represents a player, with colors assigned based on country using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization loads CSV data via `d3.csv`, uses `d3.scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, and renders circles as SVG elements with fill opacity for readability.

Ddandudivya98@gmail.com
74% match
Loading thumbnail…

Baseball Scatterplot

Baseball Scatterplot visualizes 1986 baseball player statistics from the Baseball.csv dataset, using D3.js v4 to render an SVG scatterplot. Each player is a circle positioned by at-bats (x-axis) and runs (y-axis), with the circle's radius scaled to home runs using `d3.scaleSqrt`. A categorical color scale encodes the player's team. The chart includes axis tick marks and a legend; hovering over a team in the legend fades out all other circles, highlighting only that team's players. Player names appear on hover.

AAndresAnayaIsaza
74% match