Skip to main content
SimilarExport ZIP
100%

Top Football League Scorers

✓ Published0🌍 Public
Eeschuman20@gmail.com
Last edited Feb 20, 2024
Created on Jan 23, 2024

The visualization profiles top scorers across five European football leagues in 2016, showing each player’s goals, shots, and minutes played. It parses quantitative CSV fields into numbers and displays the first record as a JSON object in a `<pre>` element. The code uses plain JavaScript and imports data from a CSV file, with no external charting library.

AI-generated description

The Top Football League Scorers, loaded and parsed as CSV.

Questions/Tasks -Which players have scored the most goals? -Which players have scored the most goals per match? -Which players have taken the most shots per match?

Challenge

  • Find 3 datasets on a topic you are interested in
  • For each of those, fork this viz and replace the data
  • Parse the quantitative attributes into numbers
  • Update README.md to indicate the original data source
MIT Licensed

Similar vizzes

Loading thumbnail…

Top 5 Bar Chart by League and Year

This interactive bar chart displays the top five players in a selected European football league for a chosen year, ranked by metrics such as goals, shots, or expected goals. Three dropdown menus let users filter by league, year, and statistical category. The visualization uses D3.js to build scales and axes, with data sourced from the @eschuman20/footballscorers package. A responsive layout adapts the chart dimensions to its container, while the reusable viz module handles the rendering of bars and background.

Eeschuman20@gmail.com
79% match
Loading thumbnail…

Top Football Scorers Parallel Coordinates

This parallel coordinates plot visualizes the performance of top football league scorers across multiple statistical dimensions, including matches played, minutes, shots, shots on target, goals, and expected goals (xG). Each line represents a player, colored by league, and the chart supports brushing on any axis to filter and explore the dataset interactively. The visualization includes dropdown menus for customizing which metrics are displayed, and all lines are animated in response to user interactions. The chart highlights that all players with 20+ goals played over 20 matches, while total shots ranged widely from about 75 to over 200, and most players followed similar trends with 50–100 shots, 20–40 shots on target, and 5–20 goals.

Eeschuman20@gmail.com
77% 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
77% 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
75% 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
73% 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
73% match
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
72% 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
72% match