Skip to main content
SimilarExport ZIP
100%

Fork of Project

✓ Published1🌍 Public
Kkrishi7079@gmail.com
Last edited Apr 28, 2025
Created on Apr 25, 2025
Forked from Project

This dashboard presents FIFA player statistics, allowing users to filter by nationality through a dropdown menu. It displays summary metrics like total players, average overall rating, and total clubs, alongside multiple D3.js charts: a bar chart of top clubs by average overall, a pie chart for club value, an age histogram, and a wage-versus-potential bubble chart. The visualizations are built with d3.v7, using APIs like `d3.csv`, `d3.rollups`, `d3.scaleBand`, and `d3.scaleLinear`. Data is fetched from a remote CSV file, and rendering is done via SVG with a tooltip for interactivity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Dashboard - Final Project - FIFA 19 Dataset

This dashboard visualizes the FIFA 19 dataset, showing player distribution across countries and clubs. A world map displays the number of players per nationality using circles sized with `d3.scaleSqrt`, with zoom and brushing interactions. A Sankey diagram connects nationalities to clubs, using `d3.sankey` with draggable nodes and tooltips. The visualization uses React, D3 v4, and TopoJSON, rendering as SVG.

PPriscylla Silva
85% match
Loading thumbnail…

1st ploat

This dashboard presents three interactive D3.js visualizations of soccer player statistics. It includes a histogram of player age distribution, a bubble chart plotting player wage against potential, and a pie chart showing the top 10 clubs by total player value. The visualizations use d3.csv to load data, with d3.histogram, d3.scaleLinear, and d3.axisBottom/axisLeft for the bar chart, alongside SVG rendering. Hovering over bars triggers a tooltip that displays the age range and count, while all charts share a consistent white background with rounded corners.

Kkrishi7079@gmail.com
81% match
Loading thumbnail…

Dashboard - Final Project - FIFA 19 Dataset

This dashboard explores the FIFA 19 dataset, integrating a world map with bubble markers, a Sankey diagram, and a scatterplot to reveal player distributions. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with topojson data, scaling circle radii by player count. The Sankey chart, built with the `d3.sankey` layout, visualizes flows from nationality to club. The scatterplot displays player overall rating against wage, supporting brush-based selection to highlight individual players.

SSitanshu Rupani
80% 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
78% 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
77% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive dashboard displays sports statistics from a CSV file, offering four switchable D3 v7 visualizations. A scatter plot compares athletes' goals or points against their assists, color-coded by sport, while a pie chart shows the proportional share of players per sport. Line and area charts plot matches played against goals or points, with the area chart filling the space beneath the line. All charts are rendered as SVG and include interactive tooltips on data points, using d3.csv for data loading and d3.rollups for aggregation.

Ssandyman2109@gmail.com
77% 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
77% 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
76% match