Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

FCC Scatter Plot

Public visualization

Viewing a saved revision (read-only)

a61f33dd035a472bbd23b2a218c71dc9

FCC Scatter Plot

0 stars0🌍 Public
Ddaria.daria
Last edited Jan 7, 2023
Created on Jan 1, 2023
Forked from D3 Scatter Plot

This scatter plot visualizes cyclist performance data from the freeCodeCamp ProjectReferenceData repository, showing each rider’s year and race time in seconds. The D3.js v6 code loads the dataset with `d3.json`, maps years and times using `scaleTime` and `scaleLinear`, and renders circles with `selectAll` and `join`. Axes are generated via `axisLeft` and `axisBottom` on an SVG canvas that fills the window. Each dot carries `data-xvalue` and `data-yvalue` attributes for potential interactivity, though no tooltip or hover behavior is implemented.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.