Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Goals Scatter Plot with Hover

Public visualization

Goals Scatter Plot with Hover

2 stars4🌍 Public
Eeschuman20@gmail.com
Last edited Feb 20, 2024
Created on Feb 13, 2024

This example visualizes top football league scorers from a Kaggle dataset, plotting goals against shots for the 2018 season. Each circle represents a player, colored by league (La Liga, Serie A, Bundesliga, Premier League), and hovering enlarges the point and displays the player’s name. The visualization is built with D3.js, using `scaleLinear`, `select`, and `transition` for the hover effect, while `@curran/responsive-axes` handles axis generation. The code animates circle radius changes on mouseover and removes tooltips on mouseout.

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

Comments

Sign in to join the discussion.

MIT Licensed