Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fcc-d3-02

Public visualization

fcc-d3-02

0 stars0🌍 Public
SSiddharthMittal07
Last edited Mar 7, 2022
Created on Feb 22, 2022
Forked from React Starter

This example visualizes doping allegations among the 35 fastest recorded times up Alpe d’Huez, plotting each cyclist’s year against their finishing time. Blue and red dots distinguish riders without and with doping allegations, with a legend and axis labels. The interactive tooltip reveals the rider’s name, nationality, year, time, and doping details on hover. Built with React and D3 v7, it uses `scaleLinear`, `scaleOrdinal`, and `extent` to map data from a freeCodeCamp JSON source, rendering SVG circles and handling mouse events via `select` and `append`.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed