Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

31f01a958b324003859831f8be1d5d31

Untitled

0 stars0🌍 Public
Jjesramyep1263
Last edited Apr 13, 2020
Created on Apr 13, 2020
Forked from Cars Report

Fifty circles, one per vertical position, traverse the SVG horizontally in a looping animation. Using d3.scalePoint for y-coordinates and d3.scaleLinear with HSL interpolation for fill colors, each circle transitions across the width, then snaps back and restarts via d3.active and nested transitions. The page initially displays “Loading…” before an unrelated JavaScript module (getCars, generateReport) asynchronously populates a message element with a filtered car report, though that data does not affect the visualized motion.

AI-generated description

An example tutorial of how to use JavaScript objects, arrays, and modules.