Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualize Data with a Scatterplot Graph | fcc project-2

Public visualization

Visualize Data with a Scatterplot Graph | fcc project-2

0 stars1🌍 Public
MMohammed Banani | MbDev
Last edited May 18, 2022
Created on May 17, 2022

This scatterplot graphs 35 fastest times up Alpe d'Huez, with orange and blue circles distinguishing riders with and without doping allegations. The visualization uses d3.scaleLinear for both axes, parsing race times into Date objects for the y-axis. Built with React and d3.v7, it renders SVG circles that trigger an HTML tooltip on mouse hover, displaying rider details from the freeCodeCamp cyclist-data.json dataset. A legend clarifies the color coding for doping status.

AI-generated description

Visualize Data with a Scatterplot Graph | fcc project-2


Data: Doping in Professional Bicycle Racing

Comments

Sign in to join the discussion.

MIT Licensed