Skip to main content
SimilarExport ZIP
100%

Fork of Football Goal Scorers Dashboard

✓ Published0🌍 Public
AAamir Hameed mir
Last edited Jun 6, 2024
Created on Jun 6, 2024

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.

AI-generated description

A dashboard created using data from: Top Football League Scorers

MIT Licensed

Similar vizzes

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
94% 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
94% 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
94% 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
92% match
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
90% match
Loading thumbnail…

Football Goal Scorers Dashboard V2

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.

Eeschuman20@gmail.com
89% match
Loading thumbnail…

Fork of Interactive Scatter Plot

This animated scatter plot explores top football league scorers, showing relationships between metrics like goals, shots, and expected goals across seasons. Users can select different x- and y-axis variables and filter by year via dropdown menus. D3 scales and axes map the data, while colored points represent leagues, with a color legend that responds to clicks and double-clicks to filter points by hovering. The visualization uses D3’s `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and SVG `circle` elements, with data sourced from a Kaggle dataset on football scorers.

Gg_beck@coloradocollege.edu
86% match
Loading thumbnail…

Fork of Interactive Scatter Plot

This interactive scatter plot visualizes football statistics from the Top Football League Scorers dataset, allowing users to compare metrics like goals, shots, and xG across leagues and years via dropdown menus. The D3 v3 visualization encodes player data as colored circles, with a color legend enabling league filtering and hover interactions that highlight individual players or dim unrelated points. The visualization uses D3 scales (scaleLinear, scaleOrdinal), axes from @curran/responsive-axes, and a custom colorLegend module, while responding to container resizing through observeResize.

TTom Heffernan
85% match