Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

FCC Scatter Plot

Public visualization

Viewing a saved revision (read-only)

e55d05c3b31e49ad8e23cdf8541e87fa

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.