Skip to main content
100%

Goals Scatter Plot with Hover

✓ Published0🌍 Public
Eeschuman20@gmail.com
Last edited Feb 13, 2024
Created on Feb 13, 2024

This scatter plot visualizes the relationship between goals scored and shots taken by football players in 2018, drawing from the Top Football Leagues Scorers dataset. Each point represents a player, with circle color indicating the league (La Liga, Serie A, Bundesliga, or Premier League), and hovering over the visualization updates the state to potentially display contextual information. Built with D3.js, the chart utilizes `scaleLinear` for axis scaling, the `axes` component from `@curran/responsive-axes` for layout, and `select` and `join` operations to render and update the SVG elements. The plot also uses `observeResize` to handle responsive resizing and a custom color function to map league names to colors.

AI-generated description

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

Challenge

  • Fork this viz
  • Modify it to show your data
MIT Licensed

Similar vizzes