Skip to main content
100%

Untitled

✓ Published0🌍 Public
Ppoppy
Last edited Jun 26, 2023
Created on Jun 26, 2023
Forked from HTML Starter

A cursor-driven animation creates expanding, fading circles in response to mouse movement. Each pointer position triggers a new circle that grows from a tiny point to a radius of 100 pixels over two seconds while its stroke opacity fades to zero, then removes itself from the SVG. The code uses d3.v3 with SVG transitions, appending circles with `transition().duration(2000).ease(Math.sqrt)` and styling each stroke with a rotating `d3.hsl` color. A transparent background rect captures mouse and touch events to drive the particle generation.

AI-generated description
MIT Licensed

Similar vizzes