Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ATS - D3 traversing a sine wave

Public visualization

Viewing a saved revision (read-only)

ca72fae85e084c889222a7ccb0857517

ATS - D3 traversing a sine wave

0 stars1🌍 Public
Xxscotta@yahoo.com
Last edited Jul 22, 2024
Created on Jul 22, 2024

A set of black circles arranged in a sine wave pattern moves across the screen, with every sixth circle highlighted in red and enlarged. The wave animates continuously as the horizontal position of each circle remains fixed while its vertical position shifts over time. The code uses D3 v6 selections, `range`, and `scaleBand` to generate and update the SVG circle elements. A `setInterval` triggers a redraw every 100 milliseconds, and a direction variable reverses the highlighted index when it reaches the edges of the data array.

AI-generated description

A reproduction of a Sol LeWitt art piece.