Skip to main content
SimilarExport ZIP
100%

CSCE 5320 HW5

✓ Published0🌍 Public
Rrobersontanner1@gmail.com
Last edited Sep 30, 2026
Created on Sep 30, 2026
Forked from HTML Starter

This example visualizes individual player statistics for the San Diego Padres, using home runs (HR) on the x-axis and batting average (BA) on the y-axis. It also encodes position as color and RBI as bubble size, with axes and labels styled for dark background. The code loads CSV data via `d3.csv`, applies numeric conversion, and uses `d3.scaleLinear` for positioning plus `d3.mean` and `d3.median` to summarize statistics in a header. Marks are drawn as colored circles with white strokes inside a single SVG group, and the chart includes a legend area on the right margin.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

CSCE 5320 - Assignment 6

A scatterplot compares a player’s Games (G) against Hits (H), with point color encoding Position Played and point size encoding HR, across annual frames from a CSV loaded via `d3.csv`. Animated year-by-year playback and mouseover tooltips (delayed 0 ms) show per-player labels. Built with D3 v7, the SVG chart uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.scaleSqrt` for axes, colors, and sizing, with axes rendered via `d3.axisBottom` and `d3.axisLeft`.

Rrobersontanner1@gmail.com
79% 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
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…

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

Fork of CSCE-5320-Assignment-5-Ed-Salinas

This visualization displays NCAA athletic conference team box scores as a scatterplot, encoding team_score on the x-axis, total_rebounds on the y-axis, team membership as color hue, and three-point field goals made as point radius. It uses d3.csv to load the data, d3.extent, d3.mean, and d3.median to summarize the score distribution, and d3.scaleLinear for positioning. SVG circles render the marks, with hover transitions changing opacity and axes styled via CSS. A summary panel above the chart reports row count, column names, and score statistics.

CCurran Kelleher
72% match
Loading thumbnail…

Improving a Bar Chart for 2017 Baseball Hitting

This bar chart shows the percentage of at bats ending in a hit by pitch for 2017 MLB players with at least 10 HBPs. Bar color intensity encodes total at bats, with a legend mapping ordinal ranges from 276 to 622. D3 v5 with an SVG renderer uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the visualization, while a custom `colorLegend` function and `d3.interpolateOrRd` apply the chromatic scale. Data is loaded from a CSV using `d3.csv`.

PPatrick-Houlihan
72% match