Skip to main content
SimilarExport ZIP
100%

EAFC24 Player Ratings

✓ Published1🌍 Public
Sshindeayush76@gmail.com
Last edited Apr 10, 2024
Created on Feb 17, 2024

A radar chart visualizes the attributes of a selected soccer player from a chosen club. The chart displays six skill metrics—pace, shooting, passing, dribbling, defending, and physic—as points plotted from the center of a hexagonal grid. Users select a club and player via dropdowns, which triggers an animated update of the radar chart rendered as SVG paths. Built with React, the D3 library’s `scaleLinear` and `scaleOrdinal` functions scale the data, which is loaded from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

EAFC 24 ratings

This interactive parallel coordinates plot visualizes EAFC 24 player ratings, showing six quantitative attributes (pace, shooting, passing, dribbling, defending, and physic) across players. Each player is represented as a polyline connecting their attribute values on vertical axes, colored by club name using an ordinal scale. Users can brush along any axis to filter players, and the chart animates smooth transitions when filters change. The dark background with semi-transparent, screen-blended lines helps reveal overlapping patterns in the data, while tooltips provide additional detail on hover.

Sshindeayush76@gmail.com
87% match
Loading thumbnail…

Radar Chart (Football Manager)

This radar chart visualizes a football player’s skill ratings across six attributes, using a closed polygon over concentric tick rings. The example displays Raphael Varane’s stats from a local JSON file, with each skill (Defending, Creativity, etc.) mapped to an angular axis. Built with D3 v3, it uses `d3.svg.line.radial`, `d3.svg.area.radial`, and an ordinal color scale to render the layered SVG paths and axis labels. The data values are linearly scaled, and the chart is centered within a 960×500 viewport.

SSaintat1
79% match
Loading thumbnail…

Spider Chart_FIFAPlayer

This interactive spider chart compares two FIFA soccer players across six selected attributes, with a supplementary data grid displaying additional player details. Users select players and attributes from dropdown menus, while hovering over data points reveals tooltips with exact values. The visualization is built with React and D3 v7, using `d3.line` for path generation and `d3.csv` for data loading. The chart is rendered as SVG, featuring radial axes, grid lines, and semi-transparent filled areas for each player.

Sstephanie0215
74% match
Loading thumbnail…

NBA Radar Chart

This example visualizes NBA player statistics as a smoothed, multi-axis radar chart, comparing seven performance metrics like effective field goal percentage, rebounds, assists, and points per game. Data from the included CSV file is normalized to a 0–1 scale before being plotted. The chart is rendered using React and D3.js (v5), with the custom `RadarChart` function building the SVG, applying an ordinal color scale, and using a glow filter via `feGaussianBlur` for visual enhancement.

JJack Hanlon
73% match
Loading thumbnail…

EAFC Ratings Dataset

The EAFC Ratings Dataset is a comprehensive football (soccer) player dataset containing attributes for FIFA/EA FC players, including overall ratings, potential, market values, wages, physical characteristics, and detailed skill ratings across categories like pace, shooting, passing, dribbling, defending, and physicality. It is sourced from EA FC video game data, parsed as CSV, and licensed under MIT. The dataset supports visual exploration of player attributes, club/league relationships, and positional analysis, with quantitative fields parsed into numeric formats for charting.

Sshindeayush76@gmail.com
73% match
Loading thumbnail…

Spider Chart _ FIFA

This interactive visualization compares FIFA player statistics between two national teams using a spider chart and a side-by-side data grid. Users select countries and attributes via dropdown menus, with the radar path and grid values updating accordingly. Hovering over data points reveals a tooltip with exact values. The visualization uses D3 scales and line generators, React state management, and renders all marks as SVG elements. The dataset aggregates player attributes like overall rating, potential, and specific skills.

Sstephanie0215
72% match
Loading thumbnail…

EDAV Project

This interactive scatter plot from a Fantasy Premier League dataset shows player cost against total points per season, with color and size highlighting for defenders, midfielders, or forwards. It uses D3.js (v7) with SVG and animation to render the chart. Users can filter by position via radio buttons, which recalculates a linear best-fit line for the selected group, and hover over points to reveal player details. The data is loaded via `d3.csv` from a remote GitHub source.

SSebastian Steiner
72% match
Loading thumbnail…

ICE-6: Bar Chart of CSV data

This visualization displays FIFA 22 MLS player ratings as a horizontal bar chart, ranking the top ten players by their ratings. It loads data from a CSV file using d3.csv, then renders SVG rectangles scaled with d3.scaleBand and d3.scaleLinear. The React component uses useState and useEffect hooks to fetch and process the data, while d3.axisBottom handles the x-axis tick values. The chart is drawn within an SVG container with defined margins and dimensions.

Vvarun-030
71% match