Skip to main content
SimilarExport ZIP
100%

Baseball Scatterplot

✓ Published0🌍 Public
AAndresAnayaIsaza
Last edited Feb 4, 2017
Created on Feb 4, 2017

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.

AI-generated description

Baseball statistics from 1986.

Bubble radius scaled to home runs. Data from the R package Visualizing Categorical Data.

forked from <a href='http://bl.ocks.org/syntagmatic/'>syntagmatic</a>'s block: <a href='http://bl.ocks.org/syntagmatic/ba23d525f8986cb0ebf30a5dd30c9dd2'>Baseball Scatterplot</a>

gpl-3.0 Licensed

Similar vizzes

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
100% 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
86% 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
85% match
Loading thumbnail…

Baseball Scatterplot Matrix II

This example shows a scatterplot matrix of 1986 baseball statistics, plotting pairs of traits like hits, home runs, and RBIs to reveal correlations. A slider controls the fill opacity of the SVG circles, allowing users to adjust point visibility. Built with D3 v4, it uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleCategory20` for color encoding by position. Data comes from the R package Visualizing Categorical Data.

深深度碎片
85% match
Loading thumbnail…

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

PPatrick-Houlihan
82% match
Loading thumbnail…

Interactive Baseball Batting Scatterplot

This interactive scatterplot visualizes over a century of batting statistics from the Baseball Dataset (1900–2015), letting users explore relationships between offensive metrics. Dropdown menus powered by ReactDropdown dynamically select which attribute appears on each axis, with points colored by league (AL, NL, FL). The visualization uses React with D3 v5’s `scaleLinear` and `extent` for axes, rendering SVG circles via custom React components that leverage D3’s `csv` loader for data parsing.

RRobert Johnson
81% match
Loading thumbnail…

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.

PPatrick-Houlihan
80% match
Loading thumbnail…

Player Data Scatter Plot

This scatter plot visualizes player data, showing age on the x-axis and matches played on the y-axis, with each point’s radius scaled to the player’s score. The data is loaded from a CSV file via `d3.csv`, and the visualization is rendered as an SVG using D3 v6. Axes are created with `axisLeft` and `axisBottom`, while `scaleLinear` and `scaleSqrt` map the data values. A categorical color scheme distinguishes score ranges, and axis labels are added as text elements.

Aaniteshterala2000
80% match