NFL homeFieldAdvgt 3-18-23

100%

NFL homeFieldAdvgt 3-18-23

✓ Published2🌍 Public

Last edited Mar 20, 2023

Created on Mar 19, 2023

This visualization explores NFL home field advantage by plotting team logos on a scatterplot, line chart, or map based on user-selected weather and win percentage metrics. Interactive dropdown menus let viewers switch between temperature, rainfall, and snowfall data, as well as toggle between home field win percentage and percent of wins at home. The map view uses d3.geoAlbersUsa and d3.geoPath projections with team logos as images, while the scatter and line charts use d3.scaleLinear and d3.line. The data spans the 2015-2023 seasons from pro-football-reference.com, with teams normalized across relocations and rebrandings.

AI-generated description

NFL home field advantage from weather.

This week, I cleaned up my selectors using the menu techniques in the lecture video, and I plotted the teams onto the map.

Data from 2023-2015 seasons.

Data from https://www.pro-football-reference.com/

MIT Licensed

Similar vizzes

Loading thumbnail…

NFL homeFieldAdvgt 3-28-23

This interactive visualization explores the relationship between weather conditions and NFL home-field advantage from 2015 to 2023. Users can toggle between temperature, rainfall, and snowfall data, as well as select between two win-percentage metrics, with results displayed as a scatter plot, line chart, or geographic map of team locations. The map uses `d3.geoAlbersUsa` and `d3.geoPath` to project team coordinates, while pie charts show the proportion of wins at home. The scatter and line charts rely on `d3.scaleLinear` and `d3.line`. Data originates from Pro-Football-Reference, processed from raw game scores to calculate per-team win-percentage statistics.

Hhmkyriacou

96% match

Loading thumbnail…

NFL homeFieldAdvgt 4-10-23

This interactive visualization explores how weather affects home-field advantage in NFL football from 2015–2023, using data from Pro-Football-Reference.com. Users filter by weather type and month to see team logos plotted on a scatter plot comparing home win percentage against a chosen metric, with a choropleth map displaying team locations. Clicking logos highlights teams across views, with animated transitions via D3 v7’s `transition()` method and tooltips powered by custom `pointer` event handlers. The visualization combines `d3.scaleLinear`, `d3.geoAlbersUsa`, and `d3.geoPath` for map rendering.

Hhmkyriacou

95% match

Loading thumbnail…

NFL homeFieldAdvgt w Map

This interactive visualization explores NFL home field advantage by connecting team performance metrics with weather conditions. Users toggle between temperature, rainfall, and snowfall data via radio buttons, and can switch between scatter plots, line charts, and a map view. The scatter plot displays team logos as points, while the line chart tracks trends over time. A United States map uses d3.geoAlbersUsa and d3.geoPath to show team locations. Data comes from pro-football-reference.com for the 2015–2022 seasons, rendered with d3.v7 and topojson-client.

Hhmkyriacou

94% match

Loading thumbnail…

NFL-weather-vs-winPct

This scatterplot maps each NFL team’s home-field winning percentage against its city’s average annual temperature, using team logos as data points. The visualization is built with D3.js v7, including `scaleLinear` for axes and `axisLeft`/`axisBottom` for tick marks. Team logos render via SVG `image` elements using externally hosted URLs, while data on win percentages and temperatures spans the 2015–2023 seasons, sourced from Pro-Football-Reference.com.

Hhmkyriacou

87% match

Loading thumbnail…

Data-Viz-Final-Project

This visualization uses scatter plots and line charts to explore NFL home field advantage from weather conditions, using data from the 2015-2023 seasons sourced from pro-football-reference.com. D3 v7 renders team logos as images positioned on scales for game attributes, with interactive radio buttons to switch between different data views. The chart includes labeled axes and transitions to animate between selections, showing trends in how weather impacts game outcomes for each franchise.

Hhmkyriacou

86% match

Loading thumbnail…

first-viz

This visualization plots average weather conditions against win percentage for NFL teams, using team logos as scatterplot points. The axes map temperature (derived from the weather_data object) against win rates calculated from the nested game scores in data.json. Users can compare team performance across temperature conditions. The visualization is built with D3.js v7, using scaleLinear for axis scaling, while the scatterPlot module renders each team as an image positioned by the x and y scales.

Hhmkyriacou

79% match

Loading thumbnail…

Week 11 final project

This interactive NBA visualization plots team win rates for road and home games on a scatter plot, with team logos as the data points. A dropdown menu lets users switch between three seasons (2015–2017), updating the dataset and point positions. The visualization is built with D3 v7, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `selection.join` for declarative SVG updates. When a logo is clicked, the code references a separate scatter plot function, though that feature remains unfinished. Data is drawn from a hardcoded `dataSet` array containing win-rate percentages for nine teams.

QQingyang Wang Profolio

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

73% match