Brad Ed Sale — SVG Creations & Animations

SVG Creations & Animations

Small, focused demos using SVG and CSS for performant, scalable vector animations — morphing shapes, animated strokes, and lightweight interactive visualizations.

Interactive Data Visualization

Morphing Shape Animation

Dynamic Icon Set

SVG Loading Spinner

Vector Landscape Art

Morphing Shape Animation 2

Live Example — Spinner & Controls

The spinner uses stroke-dasharray and an SMIL-like animate (inlined above in tiles). We animate the stroke-dashoffset to reveal the stroke.

These examples use only SVG + CSS (no JS), and work in modern browsers.

Morphing Path Source

<path d="...">
  <animate attributeName="d" dur="5s" repeatCount="indefinite" values="...;...;..."/>
</path>