Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Arrays Practice

Public visualization

Viewing a saved revision (read-only)

2e87963f70264e4d81d40c01d5f2abd1

Arrays Practice

0 stars1🌍 Public
Ddan.tinoco@gmail.com
Last edited Aug 30, 2024
Created on Aug 30, 2024

A grid of 15 circles moves in a sine wave pattern across the screen, updating 60 times per second. The animation demonstrates array manipulation with D3.js, where each circle's position is calculated from its index in the data array using trigonometric functions. The SVG rendering uses D3's `select` and `range` APIs to create and update circles dynamically, with spacing based on index and vertical offset from `Math.sin`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.