Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Peaceful Waves

Public visualization

Viewing a saved revision (read-only)

5a7dc06430fe4d09b46442e16d166cc9

Peaceful Waves

1 star0🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Jul 17, 2025
Forked from HTML Starter

Eight semi-transparent sine waves, each with a distinct amplitude, frequency, color, and phase, float across a blurred gradient background as a live SVG animation. The waves continuously shift leftward, with phases advancing per frame via `requestAnimationFrame`. Rendered using D3 v5’s `d3.line` and `d3.range` to generate smooth paths, each wave’s path is recalculated and updated on every frame. The animation, made with `d3.curveNatural`, runs over a glassmorphism-styled SVG canvas.

AI-generated description

Sine waves, vibe coded entirely with Deepseek V3 0324.

It can be quite a fun LLM! The iteration speed is pretty fast with it, and it's super cheap to run. It doesn't make mistakes if you're super clear in your instruction.