Week 10 - In Class Assignment

100%

Week 10 - In Class Assignment

✓ Published0🌍 Public

Last edited Mar 30, 2016

Created on Mar 30, 2016

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

AI-generated description

Rajyalakshmi Mukkamala

Visualization Implementation 9

Animated transitions

Creating transition by changing the one of the attributes on both the axes that are plotted in the scatterplot. Using dropdown menu to select the attributes.

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…

QB's - No Restriction

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.

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

77% 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

77% match

Loading thumbnail…

Data Visualization Assignment 3

This interactive scatterplot explores relationships between attributes of college majors, such as total graduates, gender distribution, employment numbers, and median salary. Users select the X and Y axes from dropdown menus or swap them, and hovering over the categorical color legend highlights a specific major category. Built with React and D3 v6, the visualization renders SVG circles positioned by linear scales, with a color legend encoding major categories. Data is loaded from a FiveThirtyEight CSV, which is processed with D3's `csv` function.

HHowardHan99

75% 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

75% match

Loading thumbnail…

Assignment 2 Task 3 Scatter Plot

This scatter plot visualizes the relationship between high school ranking, high school strength, student involvement, and student activity levels, with point color encoding student grades (A, B, or other). The SVG visualization loads CSV data via d3.csv, scales the x and y axes with d3.scaleLinear, and renders circle marks using d3 selection joins. Axes are drawn with d3.axisLeft, d3.axisBottom, and styled with custom labels.

Lleftymadi

74% match

Loading thumbnail…

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

74% match