Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fCC D3 Project #2: Scatterplot Graph

Public visualization

Viewing a saved revision (read-only)

597df008d1e04d518b36129e43659f2d

fCC D3 Project #2: Scatterplot Graph

0 stars0🌍 Public
CCasualWanderer20XX
Last edited Sep 20, 2025
Created on Sep 19, 2025
Forked from HTML Starter

This scatterplot visualizes the performance of professional cyclists, plotting race times against years. The time to complete the course is mapped on the y-axis using a time scale, while the x-axis uses a linear scale for the year. The graph distinguishes between riders with doping allegations in blue and those without in red, and includes a legend for clarity. Data is fetched from the freeCodeCamp cyclist-data.json. The visualization is built with D3.js (version 7.9.0), using the `scaleTime` and `scaleLinear` APIs, and renders an SVG with tooltips that display rider details on hover.

AI-generated description

Almost done. Need to make the tooltip part.