Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot interactions

Public visualization

Viewing a saved revision (read-only)

827b67f7d3404df38fd6ed0b723abc85

Scatter plot interactions

0 stars0🌍 Public
AAkanksha
Last edited Feb 14, 2024
Created on Feb 14, 2024

A scatter plot displays the number of participating countries in each Winter Olympic year, using data from a Kaggle dataset covering 1924–2018. Hovering over a point triggers a D3 transition that enlarges the circle radius, providing interactive feedback. The visualization is built with d3-scale for axes, d3-axis for ticks, and custom axis label helpers, all rendered as SVG elements with mouseover and mouseout event handlers.

AI-generated description

Dataset - https://www.kaggle.com/datasets/ramontanoeiro/winter-olympic-medals-1924-2018

  1. Added opacity
  2. Changed background and circle colors

Challenge - I am not able to figure out how to convert 1,930 to 1930. I tried parseInt and toString(), but I think I am using them in the wrong place.