Jason Witten Scatterplot v2

NFL Scatter Plot

This scatter plot visualizes NFL player performance by plotting fantasy points against targets for the 2021 season, with player positions (RB, WR, QB) color-coded. The visualization uses D3.js v7 APIs such as `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes and render SVG circles. Data is loaded asynchronously from a CSV hosted on GitHub using the `csv` method, and the drop-down menus for axis selection are present but not yet wired to update the chart.

AArturo Guevara

72% match

NFL Passing Yards Visualization 11/22/2024 Revision

This interactive scatter plot animates NFL quarterback statistics from 2013–2023, visualizing relationships between numeric attributes like passing yards and touchdowns. Using D3.js, it displays each player as a colored circle representing award status, with dropdown menus for selecting axes, filters for year or award type, and a text input for player search. Clicking a data point reveals a tooltip with player details, while hovering over the legend highlights matching points. The visualization supports dynamic data exploration through state management and uses D3’s selection, scale, and axis APIs for rendering.

69% match

S18 - HW3 - Scatterplot

This interactive scatterplot visualizes 2014 NCAA passing statistics, comparing rushing touchdowns on the x-axis against passing touchdowns on the y-axis for individual quarterbacks. Each point represents a player, with circle size encoding total touchdowns and color mapping to the player’s athletic conference. Built with D3 v4, the visualization uses SVG rendering and includes hover tooltips. The data originates from sports-reference.com and is loaded via `d3.csv`, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`.

LLecy277

69% match

NFL Passing Yards Visualization Final Revision

An interactive scatter plot visualizes NFL quarterback passing statistics from 2013 to 2023, comparing two user-selected numeric attributes such as yards and touchdowns. The animation shows each player as a colored circle, with colors representing awards like MVP, All-Pro, or Pro Bowl. Users can filter by year, award, and player name. Built with D3.js, the visualization uses `scaleLinear`, `axisLeft`, and dynamic axes to update the scatter plot based on selections. Data from CSV files is preprocessed to assign awards and colors, and clicking a point displays a tooltip with player details.

69% match

NFL Passing Yards Visualization 11/15/2024 Revision

This interactive scatter plot visualizes NFL quarterback passing statistics from 2013 to 2023, allowing users to compare any two numeric attributes by selecting them from dropdown menus. The visualization also filters data by year and award status, with points colored to distinguish MVP, All-Pro, Pro Bowl, and no-award players. The D3.js implementation uses `scaleLinear` for axes, `axisLeft` for the y-axis, and data-driven circles that reveal tooltips on click, displaying player name, year, and axis values. Data preprocessing converts CSV values to numbers and categorizes awards before rendering.

S18 - HW3 - Scatterplot

The scatterplot visualizes player performance by mapping rushing touchdowns to the x-axis and passing touchdowns to the y-axis, with each point representing an individual player. The chart uses color hue to encode the categorical conference attribute and point size to encode a derived quantitative attribute (Pct × Rate × 0.0005). The visualization is implemented in D3 v4 using SVG and includes animation and interactive tooltips.

HHussamHallak

S18 - HW3 - Scatterplot

This interactive scatterplot visualizes 2014 NCAA passing statistics, plotting rushing touchdowns against passing touchdowns for individual players. Each circle represents a player, with position encoded by the two quantitative axes. Hovering over a point triggers a tooltip that displays the player’s name, school, and exact touchdown values. The chart uses D3 v4 with SVG rendering, includes labeled axes, and incorporates smooth tooltip transitions for enhanced readability. Built with Blockbuilder.org and based on Mike Bostock's scatterplot example, it is licensed under MIT.

UUdochukwuNweke

NFL Passing Yards Visualization 10/31/2024 Revision

This interactive scatter plot visualizes NFL passing statistics across multiple seasons, with each point representing a quarterback and colored by award status (Pro Bowl, All-Pro, MVP, or no award). Users can select different numeric attributes for the x- and y-axes via dropdown menus, as well as filter by specific years, while d3.scaleLinear and d3.axisLeft handle data mapping and axis rendering. The chart updates dynamically by resetting the data array and re-calling the scatterPlot function, which uses D3 joins to manage SVG circles and rectangles.