Skip to main content
SimilarExport ZIP
100%

NFL-weather-vs-winPct

✓ Published1🌍 Public
Hhmkyriacou
Last edited Feb 19, 2023
Created on Feb 19, 2023
Forked from Scatter Plot

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.

AI-generated description

NFL home field advantage from weather.

Data from 2023-2015 seasons.

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

MIT Licensed

Similar vizzes

Loading thumbnail…

NFL homeFieldAdvgt 3-18-23

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.

Hhmkyriacou
87% match
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
85% 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
85% 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
84% 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
81% 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
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
72% 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
71% match