Challenge

Fork of Goals Scatter Plot with Hover

This fork of a goals scatter plot uses D3 to visualize top football league scorers from a Kaggle dataset, filtering the data to the year 2018. It shows the relationship between goals scored and shots taken, with each circle representing a player, colored by their league. Hovering over a circle enlarges it and displays the player’s name via a tooltip. The chart uses `scaleLinear`, `extent`, and `select` from D3, along with the `axes` and `observeResize` utilities, to render responsive axes and a fixed-size plot area.

Zzycbydxgs@gmail.com

89% match

KKusumaKumariDama@my.unt.edu

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.

89% match

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

88% match

Fork of Goals Scatter Plot with Responsive Axis

This scatter plot visualizes 2018 top football league scorers, mapping goals on the x-axis and shots on the y-axis. Each circle represents a player, colored by league (La Liga, Serie A, Bundesliga, Premier League) via a custom color function. Rendering uses D3 scales and axes from `@curran/responsive-axes`, with the visualization observing container resize events to adapt its dimensions. The underlying data comes from the `@eschuman20/footballscorers` dataset, and the code includes an embedded YouTube tutorial link.

Fork of Goals Scatter Plot with Responsive Axis

This scatter plot visualizes 2018 top football league scorers, mapping goals on the x-axis and shots on the y-axis. Each circle represents a player, colored by league (La Liga, Serie A, Bundesliga, Premier League) via a custom color function. Rendering uses D3 scales and axes from `@curran/responsive-axes`, with the visualization observing container resize events to adapt its dimensions. The underlying data comes from the `@eschuman20/footballscorers` dataset, and the code includes an embedded YouTube tutorial link.

Fork of Goals Scatter Plot with Responsive Axis

This scatter plot visualizes 2018 top football league scorers, mapping goals on the x-axis and shots on the y-axis. Each circle represents a player, colored by league (La Liga, Serie A, Bundesliga, Premier League) via a custom color function. Rendering uses D3 scales and axes from `@curran/responsive-axes`, with the visualization observing container resize events to adapt its dimensions. The underlying data comes from the `@eschuman20/footballscorers` dataset, and the code includes an embedded YouTube tutorial link.

Fork of Goals Scatter Plot with Responsive Axis

This scatter plot visualizes 2018 top football league scorers, mapping goals on the x-axis and shots on the y-axis. Each circle represents a player, colored by league (La Liga, Serie A, Bundesliga, Premier League) via a custom color function. Rendering uses D3 scales and axes from `@curran/responsive-axes`, with the visualization observing container resize events to adapt its dimensions. The underlying data comes from the `@eschuman20/footballscorers` dataset, and the code includes an embedded YouTube tutorial link.