Explore. Reflect. Record.

Simulating Heartbeat with SVG Animation

Canvas Heartbeat

To resemble a real heartbeat on an oscilloscope, the heartbeat line should appear and disappear at both x-axes, staying straight on both sides with a curved center, and a glow effect.

Generative Animated SVG - Color

Scroll Origins NFT

A solid color works, but adding a rainbow line and background makes the SVG more visually appealing.

Generative Animated SVG - Formula & Descriptions

Scroll Origins NFT

Explore Text Rendering in SVG

Generative Animated SVG - Curve

Scroll Origins NFT

To generate three types of SVGs, each one showcases a curve generated by a cubic (with 2 inflection points), quartic (with 3 inflection points), or quintic (with 4 inflection points) function, paired with one of three background colors: rust, cyan, or beige.