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)

9c318cb852464cf1b9ea1408866207be

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