AmpLat

Fork of Scatter Plot With Menus

This interactive scatter plot visualizes football league scorers, with dropdown menus to select which attributes appear on the x- and y-axes (such as goals, shots, or xG), as well as the season year. Each point represents a player, colored by league, with tooltips displaying names on hover. The visualization uses D3.js scales and axes from `@curran/responsive-axes`, while a color legend allows filtering points by league through click interactions. Data comes from the Kaggle Top Football League Scorers dataset, with animated transitions on hover. The chart is implemented using D3 selections, `scaleLinear`, `scaleOrdinal`, and `schemeCategory10`.

84% match

Gg_beck@coloradocollege.edu

Fork of Interactive Scatter Plot

This animated scatter plot explores top football league scorers, showing relationships between metrics like goals, shots, and expected goals across seasons. Users can select different x- and y-axis variables and filter by year via dropdown menus. D3 scales and axes map the data, while colored points represent leagues, with a color legend that responds to clicks and double-clicks to filter points by hovering. The visualization uses D3’s `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and SVG `circle` elements, with data sourced from a Kaggle dataset on football scorers.

84% match

Mmdadeebfarhaan@gmail.com

Task-8-Q3.6

This animated scatter plot from D3 explores various statistics for top football league scorers, sourced from a Kaggle dataset. Users can select any two metrics for the axes and choose a specific year from 2016 to 2020, with each point colored by league. The visualization utilizes D3's `scaleLinear`, `scaleOrdinal` with `schemeCategory10`, and the `@curran/responsive-axes` library for the chart. Hovering over a point enlarges it and shows the player's name, while clicking a legend item filters the data by league.

84% match

Fork of Interactive Scatter Plot

This interactive scatter plot visualizes football statistics from the Top Football League Scorers dataset, allowing users to compare metrics like goals, shots, and xG across leagues and years via dropdown menus. The D3 v3 visualization encodes player data as colored circles, with a color legend enabling league filtering and hover interactions that highlight individual players or dim unrelated points. The visualization uses D3 scales (scaleLinear, scaleOrdinal), axes from @curran/responsive-axes, and a custom colorLegend module, while responding to container resizing through observeResize.

TTom Heffernan

83% match

Goals Scatter Plot with Scale

This animated scatter plot visualizes top football league scorers from a 2018 Kaggle dataset, plotting each player's goals against their shots taken. Points are colored by league using an ordinal color scale with a clickable legend that filters the data through hover interactions. Built with D3.js, the visualization employs responsive axes, linear scales for positioning, and smooth transitions to enlarge points on mouseover, while a legend allows users to highlight specific leagues.

Fork of Scatter Plot With Menus

This interactive scatter plot visualizes Top Football League Scorers data, allowing users to compare player statistics across different metrics and years. Three dropdown menus let viewers select the x-axis variable, y-axis variable, and season year, with the chart updating to display filtered data points. Each circle is colored by player club using `scaleOrdinal` with `schemeCategory10`, and includes hover tooltips showing player names. The visualization uses D3.js with `scaleLinear` for axes, responsive axes from `@curran/responsive-axes`, and a custom color legend with click-to-highlight functionality.

Interactive Scatter Plot

This interactive scatter plot visualizes top football league scorers using D3.js, letting users explore relationships between performance metrics like goals, shots, expected goals (xG), and minutes played. Three dropdown menus allow selection of the x-axis variable, y-axis variable, and season year (2016–2020). The chart renders circles colored by league, with player labels on hover and a color legend that supports filtering by league via click, with double-click to clear. All visual elements—including axes, scatter points, and legend—update in response to user input, creating a dynamic, animated exploration of the dataset. The visualization is built with D3 v7 and is responsive to container resizing.

Fork of Scatter Plot With Menus

This example presents an interactive scatter plot of top football league scorers, showing Goals against Shots, with points colored by league. The visualization includes a bar chart and dropdown menus for exploring the data. It uses D3.js version 7.8.5, employing `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` for scales and colors. Interactive features include hover effects that enlarge points and display player names, plus a clickable color legend that filters points by league. The visualization is rendered as SVG with animation, incorporating the `@curran/responsive-axes` and `@curran/axis-labels` libraries for responsive axis handling. Data comes from a Kaggle dataset on football scorers.