Skip to main content
SimilarExport ZIP
100%

Football Goal Scorers Dashboard V2

✓ Published0🌍 Public
Eeschuman20@gmail.com
Last edited Apr 18, 2024
Created on Apr 18, 2024

This dashboard presents football league scorers data through four coordinated views: a scatter plot, bar chart, line chart, and parallel coordinates. It uses the D3.js library for visualizations including `scaleLinear`, `scaleBand`, `scaleOrdinal`, `axisLeft`, and `transition`. The scatter plot and parallel coordinates feature interactive color legends that filter data on hover, while the line chart uses `scaleTime` and the bar chart sorts data by value. The user can select different x-axis variables through a dropdown menu, and the parallel coordinates include brush filters for multidimensional exploration.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Football Goal Scorers Dashboard

This dashboard visualizes football goal scorer data from Kaggle across multiple coordinated views: a scatter plot, bar chart, line chart, and parallel coordinates plot. Users filter by league and year, and select metrics like goals or shots. The parallel coordinates view uses d3.brushY for interactive filtering with animated transitions, while d3.scaleOrdinal and schemeCategory10 color-code leagues. All charts are built with React and D3, rendering SVG marks with d3.scaleLinear and d3.scaleBand.

Eeschuman20@gmail.com
92% match
Loading thumbnail…

Fork of Football Goal Scorers Dashboard

This interactive dashboard visualizes football league scorer statistics from a Kaggle dataset, showing relationships between metrics like goals, shots, and expected goals across leagues. Users can switch between scatter plots, bar charts, line charts, and parallel coordinates to explore the data, with each view offering different analytical perspectives. The scatter plot and parallel coordinates use `colorScale` from `d3-scaleOrdinal` to distinguish leagues, while brushing on the parallel coordinates filters data across multiple dimensions simultaneously. Built with React and rendered using SVG with D3.js transitions for smooth animations between states, the interface includes dropdown menus for dynamic axis selection and year filtering.

Eeschuman20@gmail.com
90% match
Loading thumbnail…

Fork of Football Goal Scorers Dashboard

This interactive dashboard visualizes football league scorer statistics from a Kaggle dataset, showing relationships between metrics like goals, shots, and expected goals across leagues. Users can switch between scatter plots, bar charts, line charts, and parallel coordinates to explore the data, with each view offering different analytical perspectives. The scatter plot and parallel coordinates use `colorScale` from `d3-scaleOrdinal` to distinguish leagues, while brushing on the parallel coordinates filters data across multiple dimensions simultaneously. Built with React and rendered using SVG with D3.js transitions for smooth animations between states, the interface includes dropdown menus for dynamic axis selection and year filtering.

Eeschuman20@gmail.com
90% match
Loading thumbnail…

Fork of Football Goal Scorers Dashboard

This interactive dashboard visualizes football player performance across European leagues, showing how metrics like goals, shots, and expected goals vary by league and season. It integrates a scatter plot, bar chart, line chart, and parallel coordinates plot, all driven by React state management. Users can filter data through dropdown menus, brush the parallel coordinates to filter players, and hover over marks for details. The visualization leverages D3’s `scaleLinear`, `scalePoint`, `brushY`, and `transition` APIs, rendering animated updates from a Kaggle dataset of top league scorers.

AAamir Hameed mir
89% match
Loading thumbnail…

Fork of Football Goal Scorers Dashboard

This dashboard visualizes football player statistics from the Kaggle "Top Football League Scorers" dataset, showing how metrics like shots, goals, and expected goals evolve. The view combines a line chart tracking individual players’ performance over time with an interactive dropdown menu to switch between statistical measures. Built with React and D3, the implementation uses `scaleTime`, `scaleLinear`, and `flatGroup` to structure the data, while `line` generators and D3's `transition` system animate hover effects and emphasis on the plotted paths.

Eeschuman20@gmail.com
87% match
Loading thumbnail…

Fork of Football Goal Scorers Dashboard

This fork of the Football Goal Scorers Dashboard visualizes player performance over time as an animated line chart. It uses D3.js to render a multi-line chart, filtering the dataset to show only players with five or more recorded seasons. The chart plots goals, shots, and other metrics against the year, with an interactive dropdown menu to switch the y-axis metric. It utilizes D3's `scaleTime` and `scaleLinear` for axes, `flatGroup` to organize data by player, and transitions to animate changes. The data comes from the Kaggle Top Football Leagues Scorers dataset.

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