Data-Viz-Final-Project

100%

Data-Viz-Final-Project

✓ Published1🌍 Public

Last edited Feb 24, 2023

Created on Feb 24, 2023

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.

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

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

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

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

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

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

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

78% match

Loading thumbnail…

Final Project

This interactive NBA visualization compares team winning percentages from 2010 to 2022 using two switchable chart types. A line chart displays seasonal win rates for all teams, highlighting a selected team in black, while a scatter plot shows the relationship between a team’s historical average win rate and its performance in a selected season using team logos as points. Users toggle between charts via buttons, select teams or seasons from dropdown menus, and hover over scatter plot logos for detailed tooltips. The visualization is built with D3 v7, using CSV data parsed and aggregated with `csvParse` and `flatRollup`.

QQingyang Wang Profolio

77% match