/formulanimator

simple tool for my codepen svg experiments

Primary LanguageJavaScript

formulanimator

simple tool for my codepen svg experiments

it brings loops and formulas in svg

for animating an attribute use data- attributes

<circle data-cx="Math.sin(t)"></circle>  // t - time in seconds

for cloning elements use count attribute

<g count="3">
  <circle data-cx="Math.sin(t*i)"></circle> // i - clone index
</g>

https://codepen.io/collection/AzmepK