Pitchers

mod Pitch4

This visualization displays football (soccer) shot data from a JSON dataset, plotting each shot's starting location and trajectory on a scaled pitch. Users can filter shots by team via a color legend or by time range using a dual-handle slider. Clicking a shot reveals player and shot details in a stats box, and a freeze-frame of player positions at the shot's moment can be shown. The visualization is built with D3 v5, using SVG elements, a custom slider with `d3.drag`, and arrow markers to indicate shot direction.

MMihir Sawant

74% match

D3 Scatter Plot - Baseball

This D3 scatter plot visualizes the relationship between pitches faced (PA) and hit-by-pitches (HBP) for MLB players from the 2017 Standard Hitting Dataset, aiming to identify players frequently hit despite limited at-bats. The SVG rendering uses d3.csv to load remote data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for ticks, with circle marks positioned by mapping PA and HBP values to pixel coordinates. The plot filters out players with fewer than 100 at-bats and covers the full browser window, using window.innerWidth and window.innerHeight for sizing.

74% match

D3 Scatter Plot Baseball With Brushing

This scatter plot visualizes the relationship between plate appearances and hit-by-pitches for 2017 MLB hitters, filtering out players with fewer than 100 at-bats. The SVG rendering uses d3.csv to load the dataset, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for tick marks. Each player appears as a circle positioned by d3.extent-derived domains, with brushing implied by the title but not implemented in the visible code.

72% match

Baseball Scatterplot With Menus

This interactive scatterplot, rendered with SVG, displays baseball statistics for players with at least 200 at-bats. Users change the X and Y axes via dropdown menus, choosing from quantitative stats like Batting Average and On Base Percentage, or the categorical Team variable. The visualization uses D3's `selection.join` API to efficiently update circle positions and axes with a 1000ms transition, while the menu system uses a custom `dispatch` event handler. The dataset is loaded from a GitHub Gist using `d3.csv`.

71% match

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

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

Baseball Scatterplot

AAndresAnayaIsaza

Bar Chart for 2017 Baseball Hitting

This bar chart ranks 2017 MLB players by their hit-by-pitch rate, showing the percentage of at-bats ending in a hit by pitch for hitters with at least ten such events. Bar opacity encodes the player’s total at-bats relative to the dataset maximum, with darker bars indicating more playing time. Built with D3 v5, the visualization uses `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and SVG rectangles for rendering, with data loaded via `d3.csv` from a GitHub gist. Axis labels and a title annotate the chart.