Fork of Interactive Scatter Plot

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

92% match

Fork of Scatter Plot With Menus

This scatter plot visualizes top football league scorers, allowing users to compare different metrics like goals, shots, and expected goals across several seasons. It uses D3.js with interactive dropdown menus to select the x-axis, y-axis, and year for the displayed data, while points are colored by league. A color legend enables filtering by league via click, and hovering over points reveals player names. The visualization also features responsive axes and a clean inner plot background, all implemented with D3’s scale functions and SVG rendering.

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

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.

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.

90% match

Gg_beck@coloradocollege.edu

World Data Interactive Scatter Plot

This interactive scatter plot explores top football league scorers data from Kaggle, plotting player statistics across selectable metrics like goals, shots, expected goals, and minutes played. Users can switch between different statistical axes and filter by year from 2016 to 2020. The visualization uses D3 scales, axes, and an ordinal color scale to distinguish leagues, with interactive color legend filtering and hover tooltips. The animation-driven rendering updates the scatter plot dynamically based on user selections, highlighting points by league when hovering over the legend.

89% match

Fork of Goals Scatter Plot with Scale- Menu

This interactive scatter plot, built with D3.js, visualizes goal-scoring statistics from top football leagues, using data from Kaggle. The visualization includes dropdown menus for selecting which numeric column to display on the X and Y axes, allowing users to compare different metrics such as Goals and Shots. The plot is color-coded by league, with an interactive legend that supports hover highlighting and click-to-filter functionality. The animation responds to axis changes, updating the visualization dynamically.