Skip to main content
SimilarExport ZIP
100%

Goals Scatter Plot with Scale

✓ Published2🌍 Public
Eeschuman20@gmail.com
Last edited Mar 27, 2024
Created on Feb 20, 2024

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.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Goals Scatter Plot with Hover

This example visualizes top football league scorers from a Kaggle dataset, plotting goals against shots for the 2018 season. Each circle represents a player, colored by league (La Liga, Serie A, Bundesliga, Premier League), and hovering enlarges the point and displays the player’s name. The visualization is built with D3.js, using `scaleLinear`, `select`, and `transition` for the hover effect, while `@curran/responsive-axes` handles axis generation. The code animates circle radius changes on mouseover and removes tooltips on mouseout.

Eeschuman20@gmail.com
92% match
Loading thumbnail…

Goals Scatter Plot with Hover

This scatter plot visualizes the relationship between goals scored and shots taken by football players in 2018, drawing from the Top Football Leagues Scorers dataset. Each point represents a player, with circle color indicating the league (La Liga, Serie A, Bundesliga, or Premier League), and hovering over the visualization updates the state to potentially display contextual information. Built with D3.js, the chart utilizes `scaleLinear` for axis scaling, the `axes` component from `@curran/responsive-axes` for layout, and `select` and `join` operations to render and update the SVG elements. The plot also uses `observeResize` to handle responsive resizing and a custom color function to map league names to colors.

Eeschuman20@gmail.com
90% match
Loading thumbnail…

Fork of Goals Scatter Plot with Hover

This scatter plot visualizes top football league scorers, showing the relationship between goals and shots for players in 2018. The plot uses colored circles to represent different leagues—La Liga, Serie A, Bundesliga, and Premier League—with each circle sized and labeled by player name. Hovering over a circle enlarges it and displays a tooltip with the player's name. The visualization is built using D3.js, specifically the `select`, `scaleLinear`, and `axisLeft` APIs, while relying on the `@curran/responsive-axes` library for axes rendering. Data comes from the Top Football League Scorers dataset on Kaggle.

KKusumaKumariDama@my.unt.edu
90% match
Loading thumbnail…

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.

Eeschuman20@gmail.com
89% match
Loading thumbnail…

Fork of Goals Scatter Plot with Responsive Axis

This interactive D3 scatter plot visualizes the relationship between goals scored and total shots taken by football players in top European leagues during the 2018 season, using data from a Kaggle dataset on top league scorers. Points are colored by league, with each league mapped to a distinct color such as yellow for La Liga or blue for the Premier League. Built with D3 7.8.5, the visualization uses a responsive axes library to automatically resize the chart to fit its container, while the main `viz` module handles the scale linear mappings, background rectangle, and circle rendering with configurable opacity and radius.

Hhailiwang@my.unt.edu
89% match
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
89% match
Loading thumbnail…

Scatter Plot

A scatter plot visualizes top football league scorers for 2018, plotting goals on the x-axis against shots on the y-axis. Each circle represents a player, colored by league (La Liga in yellow, Serie A in green, Bundesliga in red, Premier League in blue) with opacity and fixed radius. The visualization uses D3's `scaleLinear`, `extent`, `axisLeft`, and custom axis-label components to render axes and labels. Data comes from the Kaggle "Top Football Leagues Scorers" dataset.

Eeschuman20@gmail.com
88% match
Loading thumbnail…

Goals Scatter Plot with Responsive Axis

This scatter plot displays the relationship between goals scored and shots taken by individual footballers in 2018, with points colored by league. It uses D3’s `scaleLinear` and `axisLeft` to map data from the Top Football League Scorers dataset onto a responsive SVG canvas, while the `@curran/responsive-axes` library handles axis resizing. The visualization filters the data to a single year and encodes league membership through a custom color function, offering a clear comparison of shooting efficiency across top European competitions.

Eeschuman20@gmail.com
88% match