Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published4🌍 Public
Eeschuman20@gmail.com
Last edited Feb 6, 2024
Created on Jan 30, 2024

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.

AI-generated description

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

Challenge

  • Fork this viz
  • Modify it to show your data
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Soccer Scatter Plot

This scatter plot visualizes top football league scorers from 2018, plotting goals against shots for individual players. The visualization uses D3 version 7.8.5, employing `scaleLinear` for both axes, `axisLeft` for the y-axis, and custom axis label components from `@curran/axis-labels`. Circles represent players, colored by league (La Liga, Serie A, Bundesliga, Premier League) via a switch statement, with opacity and radius set to fixed values. The code filters data by year and uses `observeResize` from `@curran/responsive-axis` to handle responsive dimensions.

Eeschuman20@gmail.com
89% 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
88% 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
88% 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
87% match
Loading thumbnail…

Fork of Goals Scatter Plot

This example shows a scatter plot of football scorers from the 2018 season, with goals on the x-axis and shots on the y-axis. Each point represents a player, colored by league (La Liga, Serie A, Bundesliga, or Premier League). It uses D3’s `scaleLinear` and axis functions from `@curran/responsive-axis` to render the plot. The code filters data from the Top Football League Scorers Kaggle dataset and customizes circle color, radius, and opacity via the `viz` function.

Eeschuman20@gmail.com
86% match
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
86% match
Loading thumbnail…

Data viz of 2018 football top scorers

This interactive scatter plot visualizes data on the top football scorers of 2018, comparing the number of goals scored against matches played. The data is filtered to show only players from La Liga, Serie A, and Bundesliga. Player names are revealed on hover, while the color of each point indicates the league, and the point size encodes the average shots per match. Built with React and D3 v5, the visualization uses D3's `scaleLinear` for the axes, `scaleSqrt` for sizing, and `scaleOrdinal` with `schemeCategory10` for the categorical color legend.

NNwaegerue Chinemerem
86% 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
85% match