Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Goals Scatter Plot with Hover

Public visualization

Viewing a saved revision (read-only)

bb49da82602943c99e4837bcdbd45794

Fork of Goals Scatter Plot with Hover

0 stars0🌍 Public
Sshreyasribearelly@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024

This scatter plot visualizes heart health data from a CSV source, plotting BMI against age categories with circles colored by sex. Built using D3.js, the visualization fetches data via d3-fetch's `csv` function and renders responsive axes with the `@curran/responsive-axes` library. Each circle includes a tooltip via `append('title')` that displays BMI and age values on hover, while mouseover transitions enlarge the circle radius using `select(this).transition().attr('r')`. The plot uses a linear scale for both axes and a gray background rectangle to highlight the data area.

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