🌍 Public
Viewing a saved revision (read-only)
91c428d8e91c49bc98386f1fdd648a4c
DVD3 - Example 1
Fifteen circles arranged in a horizontal row oscillate vertically in a continuous, synchronized wave pattern against a plain white background. Each circle’s vertical position is determined by a sine function that shifts over time, creating the illusion of a traveling wave. The animation uses d3 v7’s `selectAll().data().join()` pattern to update SVG circle attributes at a fixed interval, with positions computed from the `range` and `sin` functions.
AI-generated descriptionA demonstration of how to start using D3 version 6.