Dashboard - Final Project - FIFA 19 Dataset

100%

Dashboard - Final Project - FIFA 19 Dataset

✓ Published1🌍 Public

Last edited Dec 12, 2021

Created on Dec 10, 2021

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.

AI-generated description

Dashboard for Final Project.
Incorporating multiple views.

The data for this viz can be found here: FIFA 19 Players Dataset.

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

90% match

Loading thumbnail…

Fork of 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.

Kkrishi7079@gmail.com

80% match

Loading thumbnail…

Sankey Final

A Sankey diagram maps the nationalities of FIFA 19 players to the football clubs they play for, with link thickness representing the number of players per nationality-club pair. The visualization uses the D3.js library, specifically the d3-sankey plugin for layout, and renders nodes and links as SVG elements. Data is loaded from a local CSV file, colors are assigned via d3.scale.category20, and interactive node dragging is enabled through d3.behavior.drag.

SSitanshu Rupani

79% match

Loading thumbnail…

SANKEY Experiment

This Sankey diagram maps the flow of FIFA 19 players from their nationality to the franchise they play for, with node colors assigned by the first word of each name. It uses the `d3.sankey` library from D3.js 3.5.17, rendered as SVG, and applies an iterative layout algorithm to position nodes and curved link paths. The data is loaded from a local CSV file, and the chart is still in a primitive stage.

SSitanshu Rupani

78% match

Loading thumbnail…

D3 Scatter Plot - FIFA Dataset - Sitanshu Rupani

This visualization shows a D3.js scatter plot comparing FIFA 19 player potential against their current overall rating, using data from a public gist of the FIFA19 English Premier League dataset. Each circle represents a player, plotted with potential on the x-axis and overall on the y-axis. The code uses d3.csv for data loading, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the axes. The SVG-based chart fills the full browser window and applies a fixed radius of five pixels to all data points.

SSitanshu Rupani

78% match

Loading thumbnail…

Address Project Feedback - Sitanshu Rupani

This scatterplot visualizes the relationship between FIFA 19 players’ overall ratings and their weekly wages, using D3.js v4 with SVG rendering. It plots each player as a circle, with data sourced from a CSV of English Premier League players. Users can brush over the plot to highlight specific players, which triggers a table below showing their name, club, nationality, and potential. The visualization uses `d3.brush()` for selection, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.scaleLinear` for positioning, dynamically updating the table via `d3.selectAll('.brushed')`.

SSitanshu Rupani

78% match

Loading thumbnail…

Test2

This interactive scatter plot visualizes player attributes from the FIFA19 English Premier League dataset, allowing users to compare quantitative metrics like Potential, Overall, Dribbling, and Acceleration via dropdown menus for both x and y axes. Built with D3 v6, it uses `scaleLinear` for quantitative axes and `scalePoint` for categorical positions, rendering circles with SVG and animating transitions using the `transition` API. The visualization updates smoothly with a 1000-millisecond duration, using data fetched from a GitHub gist.

SSitanshu Rupani

77% match

Loading thumbnail…

Players by Country

This interactive dashboard combines a choropleth map with a scatter plot to visualize international football (soccer) players by country. The map colors nations by win percentage, while the scatter plot displays each country’s tournament appearances against wins, with point size encoding population and color indicating continent. Built with React and D3 v6, the visualization uses `d3.geoEqualEarth` for map projection, `d3.geoPath` for drawing country boundaries, and `d3.scaleLinear` and `d3.scaleOrdinal` for encoding data. An SVG-based tooltip provides additional detail on hover.

SStuart Sessions

77% match