QB's - No Restriction

100%

QB's - No Restriction

✓ Published0🌍 Public

Last edited Mar 24, 2016

Created on Mar 23, 2016

This visualization displays the relationship between rushing and passing touchdowns for college quarterbacks, with each dot colored by conference group (Big Five, Group of Five, or Independent). Using D3 v3, it plots data from a CSV file on a scatterplot with axes labeled "Rushing TDs" and "Passing TDs". The code uses `d3.csv` to load data, `d3.scale.linear` for axes, and `d3.svg.axis` for chart elements. A tooltip appears on mouseover, showing player details via `d3.select` and `.html` updates. The legend is generated with `colorbrewer.Set1[3]`, and the rendering is static SVG with animation-enabled transitions on hover.

AI-generated description

VI8

Rajyalakshmi Mukkamala

1.Color the marks by if the QB's school is in the Big Five, Group of Five, or Independent

2.Plot only QBs from schools in the Big Five conferences. Color the marks by conference

3.Plot only the top 5 QBs by rank and color the marks by rank.

Similar vizzes

Loading thumbnail…

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

82% match

Loading thumbnail…

Week 10 - In Class Assignment

This interactive scatterplot displays college football quarterback statistics from the 2014 season. Using two dropdown menus, users can select which offensive attribute is plotted on the x and y axes, including passing yards, rushing touchdowns, and completion percentage. The visualization employs the D3.js version 3 library to render SVG elements, animating transitions between selections. Dots are color-coded by conference group (Big Five, Group of Five, or Independent), with mouseover tooltips revealing player names. The data originates from a CSV file loaded with `d3.csv`.

MMrajyalakshmi

80% match

Loading thumbnail…

James Eanes - VI8

This interactive scatterplot visualizes the relationship between passing and rushing yards for college football quarterbacks in the 2014 season, with each dot representing a player. The view groups teams by conference affiliation (Power Five, Group of Five, or Independent) using a categorical color scheme from `d3.scale.category10()` and the ColorBrewer palette. Built with D3 v3, the visualization renders as an SVG with animated tooltips on mouseover, displaying player details. Data comes from the included `passing-stats-2014.csv` file.

JJamestiberiuseanes

79% match

Loading thumbnail…

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

76% match

Loading thumbnail…

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.

SSamuel Karkache

74% match

Loading thumbnail…

James Eanes - VI9

This scatterplot displays college quarterbacks by passing and rushing yards, initially showing only the top five ranked players with a button to expand the view to all quarterbacks. Dots are colored using a five-class ColorBrewer Blues ordinal scale based on rank, with hover tooltips revealing player details. The visualization is built with D3.js v3, using SVG rendering, linear scales, axes, and event handlers for interactive filtering and tooltip display.

JJamestiberiuseanes

73% match

Loading thumbnail…

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.

SSamuel Karkache

72% match

Loading thumbnail…

NFL Passing Yards Visualization 11/29/2024 Revision

This interactive D3.js scatter plot visualizes NFL passing statistics from 2013 to 2023, with each dot representing a quarterback-season and colored by award status (MVP, All-Pro, Pro Bowl, or none). Users can select any two numeric attributes for the X and Y axes using dropdown menus, filter by year or award, and search for specific players. Hovering highlights award categories in the legend, while clicking a dot displays a tooltip with player details and their values for the current axes. The visualization uses d3 scales, axes, and transitions for smooth interactions.

SSamuel Karkache

72% match