Skip to main content
SimilarExport ZIP
100%

Task-8-Q3.6

✓ Published1🌍 Public
Mmdadeebfarhaan@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024

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.

AI-generated description

A simple scatter plot with D3 showing the Top Football League Scorers,

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Gg_beck@coloradocollege.edu
86% match
Loading thumbnail…

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.

Gg_beck@coloradocollege.edu
85% match
Loading thumbnail…

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.

Eeschuman20@gmail.com
85% match
Loading thumbnail…

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.

Eeschuman20@gmail.com
85% match
Loading thumbnail…

AmpLat

This animated scatter plot compares football league scoring statistics across five seasons using data from Kaggle. The visualization supports interactive filtering by year and variable selection through dropdown menus, while a color legend identifies leagues. Built with D3.js, the chart uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for league colors, and `axes` from `@curran/responsive-axes`. Hovering over a point reveals the player’s name and enlarges the circle, while clicking the color legend dims non-matching points.

Ssaleem.huda@gmail.com
84% match
Loading thumbnail…

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

Eeschuman20@gmail.com
84% match
Loading thumbnail…

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
84% match
Loading thumbnail…

Scatter Plot With Menus

This interactive scatter plot visualizes top football league scorers, with menus to select different metrics for the x-axis, y-axis, and year. The chart displays each player as a circle, colored by league, and uses a color legend to filter points by league. The visualization is built with D3.js, using `scaleLinear` for axes, `scaleOrdinal` for colors, and responsive axes. Users can hover over points to highlight them and see player names via tooltips, while the legend allows clicking to isolate a specific league.

Eeschuman20@gmail.com
83% match